Desktop-first 3-column preview card component

Community feedback

• 

  Bryan Li•3,530

  @Zy8712Posted 12 months ago

  Your site and code look pretty good. Great job!!!

  Some things I noticed when reading through your code and testing your site:

  • when the browser window is small, a part of your Sedan column gets cut off and users cannot read it even when using the horizontal scroll bar. To fix this you can set your the css foy your body to align-items: flex-start when the window size is small.
  • you are missing mobile support. You can add in mobile support by changing the css for your items inside a media query. Examples of media query use here.
  • you should add in a <main> tag to wrap around your content. This is mainly for accessibility purposes
  • it is better to use <button> over <a> for the "Learn More" buttons

  Hope you find this feedback useful 👍

  0

  ---

  

  Exequiel Arco•390

  @quielLovesLasagnaPosted 12 months ago

  @Zy8712, thanks for your feedback! I purposely did not include the media query in this solution XD. Will take your feedback into account.

  0