Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
5

leverh

@leverh300 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Article preview component


    leverh•300
    Submitted almost 3 years ago

    0 comments
  • Interactive rating component


    leverh•300
    Submitted almost 3 years ago

    0 comments
  • Product preview card component


    leverh•300
    Submitted about 3 years ago

    0 comments
  • Chat app CSS illustration


    leverh•300
    Submitted about 3 years ago

    0 comments
  • Huddle landing page with curved sections


    leverh•300
    Submitted about 3 years ago

    1 comment
  • Fylo landing page with two column layout


    leverh•300
    Submitted about 3 years ago

    2 comments
View more solutions

Latest comments

  • Md Ariful Islam•60
    @devarifkhan
    Submitted about 3 years ago

    Product preview card component Solved By Arif

    #accessibility#contentful#emotion
    1
    leverh•300
    @leverh
    Posted about 3 years ago

    Looks really good!

    You can add a little gap on the button flexbox to give the icon and text a bit of breathing space by just adding: gap: 1rem (or whatever measurement you use- you can even use percentages). Here's a good link with the details in case you're interested: https://css-tricks.com/almanac/properties/g/gap/

  • Cornflakes•290
    @CornflakesPlus
    Submitted about 3 years ago

    Responsive Card Component Using Ancient Technique... Floats, and Media

    2
    leverh•300
    @leverh
    Posted about 3 years ago

    Hi Cornflakes, I'm no expert but i don't think you should be wary of using flexbox and grid. As far as i understand, floats are an old fashioned method of placing text around images- much like how newspapers and magazines used to work. But times have changed and luckily we have flex and grid to help us create prettier and more functional website/apps designs. Here's an article i found on the matter (it's short... ;)): https://nimblewebdeveloper.com/blog/css-float-deprecated Other than that i thought your solution looked even better than the original ;)

    xx

  • Yann•190
    @neuyann
    Submitted about 3 years ago

    CSS grid and DIY again :)

    2
    leverh•300
    @leverh
    Posted about 3 years ago

    Hey Yan, I think the whole thing looks great! As far as the grey goes, i used hsl(218, 22%, 67%) on mine. I use visual studio code which allows you to hover over the color you coded and then change it through the visualization of the color palette. Don't know if you can you it with scss though (that i noticed you're using).

    Marked as helpful
  • Carlos Gabriel Carreño•170
    @carlosGabrielCarreno
    Submitted about 3 years ago

    card using CSS flex-box

    #accessibility
    1
    leverh•300
    @leverh
    Posted about 3 years ago

    Hi, I think you did that really well! I don't know enough to offer any proper advice. But you could add some transition to your hover states to make the effect a bit smoother. Again, i am no expert so you should check the syntax and experiment with it but check out the transform and transition properties. Hopefully somebody with more expertise can give you some pointers :)

  • leverh•300
    @leverh
    Submitted about 3 years ago

    qr-code-component

    2
    leverh•300
    @leverh
    Posted about 3 years ago

    Thank you for the feedback :) Will do!

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub