Screen sizes and responsive design

Hi, I was wondering if I was using Media queries the right way and what screen sizes are the most normal for phones/tablets/computers. :slight_smile:

Link to page: https://codepen.io/zinzc/pen/OJNbZwY

You can look at Bootstrap’s documentation to get an idea of what screen sizes are “normal”. You need to take another look at your project, because when you shrink the width of the page, you should not get any horizontal scroll bars at the bottom. Currently, between 800px and 929px, there is a scrollbar that should not be there.

I also would steer clear of fixed height of the page, because if there is no content way below the browser’s height, there is no reason to show a vertical scrollbar.

1 Like