hi there! ✌️
-
all content within the
body
tag should be wrapped inside milestones (header, main and footer HTML tags) -
don't use the 62.5% font size hack, it causes accessibility issues.
-
use rem or other relative units instead of pixels for font sizes or pretty much anything else.
-
don't apply
width
to your elements explicitly. if you want to determine the width of your element usemin-width
ormax-width
. you can even combine them withwidth
:
.element {
width: 90%;
max-width: 66rem;
}
with this .element
will take up 90% of the parent container's width, but when it reaches the 66rem in width it will stop expanding any further
Hope this was helpful 🙏
Good luck and happy coding! 🙌
Marked as helpful