Add columns, couresy of w3schools.com
This commit is contained in:
parent
1b32a9a608
commit
1404f7785d
23
index.html
23
index.html
|
@ -18,23 +18,10 @@
|
|||
<li><a href="quicklinks/index.html">Quick Links</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div id="Why_are_you_here_lmao">
|
||||
<h1>Welcome!</h1>
|
||||
<hr>
|
||||
<p>You were probably sent here by my github or someone you know. This usually holds my software that I've developed!</p>
|
||||
</div>
|
||||
<div>
|
||||
<h1>About Me</h1>
|
||||
<hr>
|
||||
<p>Hi! My name is Wes, and I am a teenager who is interesting in technology, and software/web development!</p>
|
||||
</div>
|
||||
<div>
|
||||
<h1>My Software Showcase</h1>
|
||||
<hr>
|
||||
<p>I don't have much here right now but stay tuned!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column"></div>
|
||||
<div class="column"></div>
|
||||
<div class="column"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
13
styles.css
13
styles.css
|
@ -14,7 +14,6 @@
|
|||
|
||||
html {
|
||||
font-family: "Montserrat";
|
||||
background-color: rgb(231, 209, 175);
|
||||
}
|
||||
|
||||
ul {
|
||||
|
@ -40,4 +39,16 @@ ul {
|
|||
/* Change the link color to #111 (black) on hover */
|
||||
li a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
/* Clear floats after the columns */
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
Loading…
Reference in New Issue