Font size responsive
h1- desktop(40px) -tablet(40px) - mobile(32px) font-size: 2.5em; font-size: 2.5em; font-size: 2em;
P- desktop(16px) -tablet(16px) - mobile(16px) font-size: 1em;
all content fit into 80% of screen we use
.width{ max-width: 80%; margin: auto; } common class make it
for single 100% width column
.col{ width: 100%; height: auto; } for 50% width column .col2{ width: 50%; height: auto; }