kxnzx• 870
@kxnzx
Submitted
Hello mentee's!
This is my second challenge and I love to share with you what I've learned:
-
You can make a responsive website without media queries. It is possible to make a website responsive solely with CSS Grid, which I initially experimented with in this challenge. In this case however it didn't seem to work efficiently, because I still needed media queries. I used Flexbox instead, because it seemed more appropriate for this project.
-
How to use Font Awesome and make a circle border around social media links. Very simple, however I was oblivious about this one!
-
The difference between (width:100%) and (width:auto;):
Width: 100%;
Element(s) take up the exact width of the parent, however it excludes margins and paddings.
Width: auto;
Element(s) take up the width of the parent in which the margins and paddings are included.
- How to make the footer stick at the bottom. I have achieved this by using the following properties and values:
html {
height: 100%;
}
body {
min-height: 100%
display: flex;
flex-direction: column;
}
footer {
margin-top: auto;
}
