carlwoodwiss / prj-rev-bwfs-dasmoto

0 stars 0 forks source link

Test mockup in different viewports #1

Open zannain opened 6 years ago

zannain commented 6 years ago

Make sure to do responsive-testing of your webpage by viewing it in various browsers and sizes. Browsers have their own unique quirks and becoming familiar with them will prove beneficial with the responsive design being so important in web development today. You never know what browser your user is using so its best to be prepared for all of them. Notice your webpage began to break down as I resized it.

image

You can use developer tools to help you figure out the page size at which things in your page are going wrong and then create media queries to fix the issue. If you aren't familiar with media queries, they are queries that only execute when the browser window is a certain size. So you can add styles that will only execute at certain viewport sizes. To learn more about responsive design I highly recommend you checkout Codecademy's course on it.