Doing Better: Screen Size Transitions

Ever since I started to get into designing random things I wanted to start mobile first and then fix it up using media queries for desktop instead of vice versa. However, since different computers/laptops have different size screens my percentages were way off from, for example, HP Desktop to Macbook Air. In this pen I figured out a way to get past that that worked out for me: 1. Create a wrapper div element 2. Use CSS to set it to whatever sizing you want (I use iPhone 6s dimensions) 3. Set the position to 'relative'

And that's how avoided percentages for my wrapper div and kept my designs that used many HTML elements from acting up on different screens.


168 0 0