@onna4
Posted
the one thing I learned is always design the smallest screen first and then the bigger (mobile first design) .. so you need to make the main design for mobile view and then use media queries for bigger screens by setting (min-width) .. you can use these breakpoints which are used by Bootstrap framework @media (min-width: 768px){ .container { width: 750px; } } @media (min-width: 992px){ .container { width: 970px; } } @media (min-width: 1200px){ .container { width: 1170px; } }
Marked as helpful
@jbilbraut
Posted
@onna4 thanks for the feedback! i've been watching videos of other coders and i've noticed a lot of them start with mobile view too, so i think i'll take your advice and do that from now on. also, are the media queries you posted good to use as a template for all projects moving forward or just general examples of how to set them?
@onna4
Posted
@jbilbraut yes they can be used as a template for all projects.