Media Queries on my Tribute Page

Media Queries on my Tribute Page
0

#1

Hey guys, needing advice on how to make my page responsive. I was able to use a media query to size it smaller on a device like an Iphone5 for example, but I need it responsive both directions. I don’t feel that I am using media queries correctly either… if anyone is able to lend me some advice that would be greatly appreciated!

Project Link- https://codepen.io/lindleycaleb/pen/yqZemN

Thanks!


#2

It might be easier to think in terms of “mobile first” design. This means, you design for smaller devices like mobile first and then use media queries like @media (min-width:???px) { } to deal with screen sizes larger than your mobile site design.


#3

Definitely. All other projects from here on out I will start with a mobile design. However, I would like to learn how to make this page I have already created fully responsive. Or should I just remake it?