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

Simone

@Giulo25Italy170 points

Self-taught Front-end Developer

I’m currently learning...

HTML CSS JS

Latest solutions

  • Product preview card component - Flexbox-CSS Position


    Simone•170
    Submitted over 2 years ago

    0 comments
  • Product preview card component


    Simone•170
    Submitted over 2 years ago

    0 comments
  • coming soon page - grid structure, vanilla js form validation


    Simone•170
    Submitted over 2 years ago

    0 comments
  • Skilled e-learning landing page


    Simone•170
    Submitted almost 3 years ago

    0 comments
  • Meet landing page with mobile first approach


    Simone•170
    Submitted about 3 years ago

    0 comments
  • Equalizer landing page


    Simone•170
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • Fabricio Rivera•90
    @FabricioRivera2021
    Submitted over 3 years ago

    Order summary component

    3
    Simone•170
    @Giulo25
    Posted over 3 years ago

    Hi Fabricio, good job on this challenge! I think it is not necessary to set a width, in fact decreasing the viewport the image shrinks incorrectly

    You can remove the width: 1440px from the body and center the background image with background-position: top center

    You could also put padding on the body so in the mobile version there is space between the component and the edge of the device

    Marked as helpful
  • Josh•100
    @Joshua-Farr
    Submitted over 3 years ago

    CSS Grid Only - NFT Preview Card Component

    2
    Simone•170
    @Giulo25
    Posted over 3 years ago

    Hi Josh, you can set the two grid items (info1 and info2) as flexbox, then set info1 justify-content: start and info2 justify-content: end and you can manage the space between the icon and text with the gap property

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