I created a menu bar using a section. Now, i am going to place in the navbar, and next to that navbar will be a text block, and then 3 social media icons.
To house all of these things… do i use:
–> a div block
–> a container
It is important to house these things in one box, so they can all be moved at the same time instead of individually.
I understand that if i want to put distance between the navbar and the text block, i will just apply padding, correct?
If i want to design something responsively but i dont want to use a container what do i do? Just grab a div block, and hope that for some magic reason it looks good on desktop?
Would that magic reason be… setting the div block width to %, so it fills properly the parent element?
- A person mentioned this before: “wrap document in element that’s centered, width 100%, max-width 1600px. "
what does ‘document’ refer to? The whole entire page? Create a master block that every block goes into-- the ‘top level block’ is this 'element thats centered, 100% width and 1600px max-width”
Are the numbers above correct/ comments.