All solutions

• 
  Submitted 8 months ago

  Responsive Social Media Links Profile (vanilla)

  • HTML
  • CSS

  0

  60

  ---

  I experimented using min() and max() to dynamically adjust the width and padding of the element, but I haven't quite figured out how to make those changes feel proportionate - so that they happen at the same time and same rate.

  Any tips on that would be appreciated!

• 
  Submitted 8 months ago

  Blog Preview Card with Media Query

  • HTML
  • CSS

  1

  60

  ---

  To get a pixel perfect result, I think technically the 1px black border needs to be on the inside of the card element's width:384px and height:522px.

  But, as the height of the element isn't set (to allow for user font sizes), I couldn't account for the line border thickness properly; so I'm ~2px too tall at default 100% zoom font-size:16px. What's the best way to overcome that?

  Also, how would you refactor this to use a smaller font-size on mobile without using a media query. I reckon I could do it in JS, but I'm not 100% sure what the best practice would be for CSS alone. 🤔

• 
  Submitted 8 months ago

  QR Code component - Baby's first Frontend Mentor challenge.

  • HTML
  • CSS

  1

  70

  ---

  Not really looking for help or feedback on this one, but will definitely be browsing solutions to see how others have structured and named thing. Picking a good naming scheme is obviously the second hardest thing to do, after centering a div. 😋