Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
3
Alexsandro Agustini Junior
@AlexAgustini

All comments

  • hajee.dev•20
    @hayam4k3r
    Submitted over 2 years ago

    very cool solution (and its responsive!)

    2
    Alexsandro Agustini Junior•250
    @AlexAgustini
    Posted over 2 years ago

    Cool! Tip for centering the whole container: in cases like that, just put in on the body: min-height:100vh; display:grid; place-content:center; and that should do it

    Marked as helpful
  • agyemang•100
    @Owura-56
    Submitted almost 3 years ago

    Product preview card component

    2
    Alexsandro Agustini Junior•250
    @AlexAgustini
    Posted almost 3 years ago

    Hey man, nice project, just a little tip: in the "perfume" heading at the top of the card, you could add a "letter-spacing" property to space the letters, i guess it would be like 1 or 2 px, so it gets closer to the original design

  • Tyrone Robertson•230
    @Roneeey
    Submitted almost 3 years ago

    3 Column preview component optimized for mobile 375px

    3
    Alexsandro Agustini Junior•250
    @AlexAgustini
    Posted almost 3 years ago

    Hey man, good code, but i spotted a problem: although your site works in 1440 and 375px, it breaks in between this widths, in like tablet widths, so to fix that, you can try to give your container a "width:min(90vw, 1000px)" for example, so that below your container occupies 90vw of the screen, but have a maximum width of 1000px, which would help on bigger screens so the text don't get too stretchy

    Marked as helpful

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