Skip to content
OverviewSolutions
6
Comments
6
Ryan Hardy
@ryyHardy

All solutions

  • Four card feature section with CSS grid and clamp() function

    Ryan Hardy•140
    Submitted 15 days ago

    In my media query, I had an issue where the font would appear too large just after the transition, before becoming normal again as the width increased. I heard it's a common struggle to handle font sizes during a media query or layout transition, so any advice is welcome.

    Also, I would love to get better at using the clamp() function. I had a hard time with using a mix of different units for the parameters and getting an intuition for how the function works.

    Finally, feel free to give feedback in any area you see fit.

    1 comment

  • Responsive product card with the help of Flexbox

    Ryan Hardy•140
    Submitted 9 months ago

    There is a small issue with the image scaling that happens between screen widths of 375px and 530px. I was wondering why that is happening and how to fix it.

    Also, is there a better way to name my CSS variables? I feel like I'm doing that wrong.

    2 comments

  • Mostly accurate solution ft. media query

    Ryan Hardy•140
    Submitted 9 months ago

    As I mentioned, I feel like the CSS is messy in places, so any organization tips would be great. I used a lot more element selectors and I don't know if that's best practice or not. As always, I am open to advice in any area if you see anything.

    0 comments

  • Social links profile card with the figure element and some flexbox

    Ryan Hardy•140
    Submitted 9 months ago

    I am starting to notice how useful CSS variables can be. I know it doesn't apply as much in smaller challenges, but I want to learn how CSS variables are named/organized in larger projects to make things more consistent. Like usual, I could always use feedback on how the HTML as structured and if I did anything messy or unnecessary in the CSS.

    1 comment

  • Blog preview card using the cascade a bit

    Ryan Hardy•140
    Submitted 12 months ago

    I was wondering if I should have used different units for a lot of the spacing challenges I had. I tried to use a mix of em, rem, and % but I'm not sure if I did that correctly. Also, I feel like the CSS for the active states looks a little weird.

    Also, I used a lot of descendant selectors like ".class1 .class2" and I'm not sure if there is an alternative or if it was even necessary to do that in most of them.

    2 comments

  • QR Code Card Using HTML Figure

    Ryan Hardy•140
    Submitted about 1 year ago

    I am still learning how to apply good CSS practices. I would like feedback on how clean it is and if I should rename any variables/classes. Also, I am sure there is a better way to handle the units. I feel like I overused rem a lot.

    1 comment