Skip to content
OverviewSolutions
3
Comments
2
Alex Blue
@fake-alex-blue

All solutions

  • Responsive Social Media Links Profile (vanilla)

    Alex Blue•70
    Submitted over 1 year ago

    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!

    0 comments

  • Blog Preview Card with Media Query

    Alex Blue•70
    Submitted over 1 year ago

    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. 🤔

    1 comment

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

    Alex Blue•70
    Submitted over 1 year ago

    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. 😋

    1 comment