Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
3

Jhon

@GiroFrmMelbourne210 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

  • Responsive Clipboard using CSS grid custom varialbles css Flex box


    Jhon•210
    Submitted 11 months ago

    0 comments
  • Responsive Huddle curved using CSS grid, FlexBox


    Jhon•210
    Submitted 11 months ago

    0 comments
  • REsponsive huddle landin page Using Grid CSS and Flex


    Jhon•210
    Submitted 11 months ago

    0 comments
  • Responsive workit landing page using Grid CSS Flex-box


    Jhon•210
    Submitted 11 months ago

    0 comments
  • Responsive social prof section with Grid CSS Flex Box BEM


    Jhon•210
    Submitted 11 months ago

    0 comments
  • Responsive stats-prew using BEM CSS grid


    Jhon•210
    Submitted 11 months ago

    0 comments
View more solutions

Latest comments

  • Amira MOUELHI•50
    @amiramouelhi
    Submitted 11 months ago

    HTML AND CSS

    1
    Jhon•210
    @GiroFrm
    Posted 11 months ago

    Hey, Great Job For completing your first challenge. Keep going. I noticed your solution doesn't have a border radius. You can solve this easily adding "border-radius:1rem" to your ".card" component.

    Marked as helpful
  • Sedar Yildirim•250
    @sedaryildirim
    Submitted 12 months ago

    NFT Preview Card

    2
    Jhon•210
    @GiroFrm
    Posted 12 months ago

    Great job completing and submitting this challenge.

    I have noticed there isn't a gap between the "p" element and the class "details"

    You can easily fix this by adding a margin-bottom to the p element like this

    Create a class . "description" in the CSS file .description{ margin-bottom: 1rem; } add the class description to the p element above the class " details"

    Marked as helpful
  • Sedar Yildirim•250
    @sedaryildirim
    Submitted 12 months ago

    NFT Preview Card

    2
    Jhon•210
    @GiroFrm
    Posted 12 months ago

    Great job completing and submitting this challenge.

    I have noticed there isn't a gap between the "p" element and the class "details"

    You can easily fix this by adding a margin-bottom to the p element like this

    Create a class . "description" in the CSS file .description{ margin-bottom: 1rem; } add the class description to the p element above the class " details"

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

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