All solutions

• 
  Submitted about 1 month ago

  Product preview card with Sass and responsive images

  • HTML
  • CSS

  1

  20

  ---

  I would appreciate hints on responsive images with multiple sources, because even after reading the articles listed here on Frontend Mentor I was still pretty confused.

• 
  Submitted about 1 month ago

  Recipe page with semantic HTML

  • HTML
  • CSS

  1

  51

  ---

  Like I mentioned earlier, probably about best practices with media queries?

• 
  Submitted about 1 month ago

  Social links profile with flexbox and gap

  • HTML
  • CSS

  1

  30

  ---

  I can't think of specific questions with this particular challenge, but I appreciate any feedback.

• 
  Submitted about 1 month ago

  Blog preview card with responsive font size using clamp()

  • HTML
  • CSS

  1

  20

  ---

  On Safari, the SVG image has this weird bug (?). The "{" shapes on the bottom right corner are supposed to be half-black and half-white – when I open the page in Safari, they look all white. Weirdly enough, if I click and drag the image, it switches to showing half/half properly, but if I refresh the page it's all white again. I was afraid my CSS was affecting the image's styles somehow, but after checking, I saw all the SVG's colors are hard coded in hex code inline, so I don't think that's possible? I saw it seemed to be working fine on Firefox, so I chalked it up to Safari and gave up on trying to fix it, but it would be nice to know what's going on...

• 
  Submitted about 1 month ago

  QR Code challenge using custom properties, grid and flexbox

  • HTML
  • CSS

  2

  20

  ---

  Is it semantic to use a element for the card, or would it be better off as a generic?