@YuliaLantzberg
Posted
Hi. Your solution has visible differences in spacing and sizing compared to the design. The reason, including the mobile scale, is probably caused by default browser stylings. You need to reset them at the beginning of the CSS file so that default styles will not give you unexpected results. Also, you use px as the main measurement and it's hard to maintain responsiveness with px. It's better to use % and rem. So that rem will be easy to use, define font-size as 62.5% in body element. So it will be 10px in the root element and rem is equal to a font-size in the root element. So it will be easy then to modify for media queries. Sometimes it is enough just to change the font-size in the root element.
Marked as helpful
@Napgolden
Posted
Thanks for the tips will make changes to the CSS.@YuliaLantzberg