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

Henzo Goncalves

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

    #sass/scss

    Henzo Goncalves•110
    Submitted 4 months ago

    Can't get a proper responsive page.
    I admit it, I was bored by this project and wanted to start another one 😅


    1 comment
  • testimonials grid section main


    Henzo Goncalves•110
    Submitted 4 months ago

    1 comment
  • our card feature section

    #sass/scss

    Henzo Goncalves•110
    Submitted 4 months ago

    1 comment
  • Four card feature section


    Henzo Goncalves•110
    Submitted 4 months ago

    0 comments
  • Responsive page

    #sass/scss

    Henzo Goncalves•110
    Submitted 4 months ago

    1 comment
  • Recipe page


    Henzo Goncalves•110
    Submitted 5 months ago

    1 comment
View more solutions

Latest comments

  • MAKUMAKU!•130
    @NENGXT
    Submitted 4 months ago

    Acrtice Preview

    #sass/scss#animation
    1
    Henzo Goncalves•110
    @Henzo238
    Posted 4 months ago

    That's a good job. I like how you made "social card" appears.
    For my part, I made them appear when I click on it.

  • ysagohh•260
    @ysagohh
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of myself for being able to resolve the issues I was facing without asking for help.

    What challenges did you encounter, and how did you overcome them?

    I had to adjust the z-index of the quotation image so it didn't cover the text. I learned that z-index can only be used when the position is set to something other than static. I used position: relative

    Testimonials using CSS Grid

    1
    Henzo Goncalves•110
    @Henzo238
    Posted 4 months ago

    Nothing to say, that's a good job. For my part, I used the "quotation image" as a background-image for the card

  • Nitiema Allassane•500
    @NitiemaAllassane
    Submitted 4 months ago

    Feature cards built with HTML & Sass

    #sass/scss
    1
    Henzo Goncalves•110
    @Henzo238
    Posted 4 months ago

    Maybe you could reduce the border-radius so colors on border-top stay on the line and do not "spill" You did a good work

    Marked as helpful
  • ysagohh•260
    @ysagohh
    Submitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    Using border-top directly onto the boxes made the border curve alongside the border-radius. I had to set the border onto the child element instead.

    Four card feature section using CSS Grid

    1
    Henzo Goncalves•110
    @Henzo238
    Posted 4 months ago

    I imagine you resolved your problem because your box-shadow appears on my phone

  • GCrane93•70
    @GCrane93
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    While creating this component, I learned about using max-inline-size, a useful new way to create responsive wrapper elements

    .wrapper {
      max-inline-size: 600px;
      margin-inline: auto;
      padding-inline: 1rem;
    }
    

    Product Preview Card Component

    #sass/scss
    2
    Henzo Goncalves•110
    @Henzo238
    Posted 4 months ago

    Good job

  • Md Sameer Alam•90
    @Sameeralam9
    Submitted 5 months ago

    Responsive Recipe Blog

    1
    Henzo Goncalves•110
    @Henzo238
    Posted 5 months ago

    Good job

View more comments
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

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