3-column Preview Card Component (HTML + CSS)

Community feedback

• 

  T

  Grace•31,230

  @grace-snowPosted over 3 years ago

  Hello

  Font sizes on mobile don’t look right on this. Headings in particular are small.

  And the layout breaks completely for me on mobile landscape, I think because of the media query being at the wrong width. Media query should just be a max width in this case, no min width, as you’ve coded it desktop first and should start as soon as there isn’t enough room for all three columns.

  I also recommend losing all the huge padding’s on body. You shouldn’t need them. Keep it small as the only purpose is to stop content hitting screen edges

  I hope this helps 😊

  1
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  change your media query to this and you will be much better off @media (max-width: 850px)

  0

  ---

  

  Arunkumar S•100

  @arunkumar0398Posted over 3 years ago

  @palgramming I will change the media query to those you said and check the solution to the design.

  0