Responsive 3-Column Preview Card

Community feedback

• 

  P

  Marge C.•440

  @msunjiPosted over 2 years ago

  Heya! Great work finishing this challenge. 👍

  A few suggestions:

  • You can combine your main stylesheet (main.css) and your stylesheet with media queries (media-queries.css) into one stylesheet. That way you only make one request to the server.
  • Style-wise, I think the font weights you've chosen are pretty close to the challenge prompt. However, if you'd like, you can increase the line height for your paragraphs in each "card". That way the lines aren't so squished together.
  • As for font sizing, remember that the browser's default font size is 16px. So for your paragraphs, since you've set them to font-size: 0.6rem, the text ends up being about 9.6px. This can be a little difficult to read on smaller screens.

  Hope this helped a bit and best of luck with future challenges!

  Marked as helpful

  1