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

MAKUMAKU!

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

  • Newsletter

    #animation

    MAKUMAKU!•130
    Submitted 3 months ago

    1 comment
  • Acrtice Preview

    #sass/scss#animation

    MAKUMAKU!•130
    Submitted 4 months ago

    1 comment
  • Testimonials Grid Section Solution


    MAKUMAKU!•130
    Submitted 4 months ago

    1 comment
  • Four Cards


    MAKUMAKU!•130
    Submitted 4 months ago

    1 comment
  • Frontend Mentor - Product Card

    #tailwind-css

    MAKUMAKU!•130
    Submitted 4 months ago

    1 comment
  • Recipe Page

    #sass/scss

    MAKUMAKU!•130
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • Faith Jacob•20
    @Nthenya001
    Submitted almost 2 years ago

    Newsletter sign-up form with success message

    #animation
    1
    MAKUMAKU!•130
    @NENGXT
    Posted 3 months ago

    Nice job finishing the challenge — everything’s working smoothly!

    If you’re open to suggestions, I think adding some styles to the input and button (like spacing, border-radius, or hover effect) could really polish up the look. Just a little visual touch-up can make a big difference 🙂

    Keep it up!

  • P
    Carl•1,235
    @CarlHumm
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    A fun challenge, open to any feedback/advice.

    What challenges did you encounter, and how did you overcome them?
    • Thinking in pixels: At one point I couldn't understand why my layout shifted between two breakpoints, then I realised I had placed a condition 1rem less than the breakpoint, and not 1 pixel. :)

    • Spam clicking would break the pause animation and throw the visibility of modal out of sync. Implemented a delay and check and found out about race conditions and debounce techniques - more research needed.

    • When toggling the menu button to close the modal, I had initially expected the mouseover event to re-fire and pause the button idle animation, however this didn't happen. I learned about event propagation and focus behavior in the DOM and solved it by setting the focus back on the button after closing the modal.

    • Started off experimenting with a CubeCSS approach but found it hard to stick with it as time progressed. Much like how you quickly troubleshoot in the browser I found I was writing quick css answers to problems without first considering the larger context of my styling methodology.

    A small challenge but one which has given me a few interesting topics to research further into.

    Article preview component

    #sass/scss
    1
    MAKUMAKU!•130
    @NENGXT
    Posted 4 months ago

    Your responsive design is really impressive!

    Marked as helpful
  • Jade E Lopez•180
    @jadeli1720
    Submitted 4 months ago

    Testimonial page using CSS Grid and Flexbox

    1
    MAKUMAKU!•130
    @NENGXT
    Posted 4 months ago

    cool!

  • MohanLingam•420
    @MohanLingam
    Submitted 4 months ago

    Four card feature section

    1
    MAKUMAKU!•130
    @NENGXT
    Posted 4 months ago

    This is a well-structured and clean CSS implementation. The use of CSS variables and responsive design breakpoints shows good understanding of modern front-end practices. The layout using CSS Grid is organized and easy to follow, and the color-coding of cards using border-top adds a nice visual touch.

  • Sajeed Aninda•260
    @SajeedAninda
    Submitted about 1 year ago

    Product Preview Card Component Created with Tailwind CSS

    #tailwind-css
    1
    MAKUMAKU!•130
    @NENGXT
    Posted 4 months ago

    Cool!

  • ali•40
    @alisoroori
    Submitted 5 months ago

    recipe-page-main

    #sass/scss
    1
    MAKUMAKU!•130
    @NENGXT
    Posted 4 months ago

    Cool!

View more comments

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