@okeke-ugochukwu
Posted
@mateorinland Looks good man! 👍 You may want to adjust the layout, or the image at the right a lil bit. The image doesn't span the full height on large screens (at least on my screen).
@mateorinland
Posted
@okeke-ugochukwu Thanks and you are right! I only made it looking at the 1440px and 375px resolutions. Yours is around 2560px no? What are some important resolutions breakpoints you think I should check every time to make sure it looks good?
@okeke-ugochukwu
Posted
@mateorinland My screen is about 1680x1050.
It's advised to use at least 3 breakpoints for flexibility. There aren't any universal set of breakpoints. But some popular ones:
480px (mobile), 768px(tablets), 1024px (laptops), 1280px(desktops), Above (larger screens)
But the actual idea of breakpoints is not just to be used as 'device screen landmarks' , but as the point(s) where the layout of the website's content breaks (becomes visually imbalanced). So I'd suggest layout be done for 'content' not for 'device widths'. This will determine how many breakpoints you would need
Also try to use more of % (and vw if necessary), than px when laying out, it's a relative unit and helps with responsiveness
Marked as helpful
@mateorinland
Posted
@okeke-ugochukwu Thanks! I checked out my code and the only place I use px is for the media queries. That is fine, no?
@okeke-ugochukwu
Posted
@mateorinland Yeah, that's fine
