@ApplePieGiraffe
Posted
Hello there, Jana! 👋
Wonderful job on this challenge! 🙌 The design of your solution looks great and so does your markup! 👏
There might be varying answers to your question, but I think I prefer to specify values like margin or padding or font-size separately for each screen size range that I'm building a site for (just because that gives me a little more control over how the site looks at each responsive design stage).
However, specifying values such as that once, and allowing them to be adjusted by changing the values of em
or rem
(like with media queries) is also a viable approach.
Also, I believe you should always specify values such as those in a responsive unit such as em
or rem
(not px
), to ensure that changing the root font-size of the document will cause the rest of the site to scale up/down (which is important for accessibility reasons).
Hope that helps a bit. 🙂
Keep coding (and happy coding, too)! 😁
Marked as helpful
@janamanzana
Posted
@ApplePieGiraffe Thanks, very informative! :))