This project serves as a clean starting place for creating completely responsive websites. Using a combination of vw, em, and % values, the website scale seamlessly from smaller to larger screen sizes. By using these values correctly, the only font size you'll have to reduce on mobile is the body font size and all other font sizes will scale down proportionally.
This project removes all unwanted styles such as margin on H and P tags, link underlines, and tablet nav logo link padding. Font sizes can be adjusted from the body all pages tag using VW. H Tags can be adjusted from the All H1-6 Tags using EM as a percentage of the body font size. Paddings inside buttons, classes to add bottom/top margins, borders, and radius can be set using EM so these values scale down on mobile with the font sizes.
0 Comments