3-column-preview-card

Community feedback

• 

  Riki Wendri•1,380

  @F4YYPosted over 1 year ago

  Hi @pajarmuharam14,

  Congratulation for successfully completing the challenge...you did very well.

  However, there is recommendation to optimize screen view especially for mobile devices. For devices with varying screen sizes, there are a few common breakpoints:

  • Mobile Devices – 320px — 480px
  • iPads and Tablets – 481px — 768px
  • Laptops and small screen – 769px — 1024px
  • Large screens and Desktops – 1025px — 1200px
  • TV and Extra Large Screens – 1201px and more

  Since you set @media (max-width:375px) for mobile screen view, it will cause other mobile devices width more than that (such as iphone 12, iphone XR, iphone 6/7/8 plus, etc) are displaying same as desktop screen, flow-direction is row (by default) instead of flex-direction: column. To resolve this issue you may replace with @media (max-width:480px).

  Hope that could be Helpful. keep happy coding...

  Marked as helpful

  0

  ---

  

  pajar•170

  @pajarmuharam14Posted over 1 year ago

  Hi @F4YY

  thank you very much for the advice

  0