Base Apparel coming soon page

Community feedback

• 

  theCavyDev•510

  @okeke-ugochukwuPosted over 1 year ago

  @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).

  1

  ---

  

  Mateo Rinland•210

  @mateorinlandPosted over 1 year ago

  @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?

  0

  

  theCavyDev•510

  @okeke-ugochukwuPosted over 1 year ago

  @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

  1

  

  Mateo Rinland•210

  @mateorinlandPosted over 1 year ago

  @okeke-ugochukwu Thanks! I checked out my code and the only place I use px is for the media queries. That is fine, no?

  1

  

  theCavyDev•510

  @okeke-ugochukwuPosted over 1 year ago

  @mateorinland Yeah, that's fine

  0