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

Michael Balogun

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

  • E-commerce product page


    Michael Balogun•240
    Submitted 7 months ago

    I need help with the preview thumbnails i want to do it in a way that when i move to the next image the focus shift to the next thumbnail


    2 comments
  • News Homepage HTML CSS JS


    Michael Balogun•240
    Submitted 7 months ago

    1 comment
  • Contact Us


    Michael Balogun•240
    Submitted 8 months ago

    The project turn out to be fine, so for this project I am fine


    1 comment
  • FAQ accordion


    Michael Balogun•240
    Submitted 8 months ago

    Courses on WCAG Please i really need them incase...


    2 comments
  • Interactive rating component


    Michael Balogun•240
    Submitted 8 months ago

    Courses that are really explanatory on this


    1 comment
  • Tip calculator app


    Michael Balogun•240
    Submitted 8 months ago

    I will really need strict reviews on this project, I really want to see where I can work, so I can be better. Any opinion is welcomed.


    2 comments
View more solutions

Latest comments

  • Nadji CHABANE•590
    @CHBNDJ
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    none

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

    none

    What specific areas of your project would you like help with?

    none

    Responsive E-commerce Landing page

    1
    Michael Balogun•240
    @Emynex4real
    Posted 7 months ago

    I see that you are having issues with your image I would advice that you get it check Maybe it is a problem with the source path that is producing the error

  • Thomas•550
    @TomSif
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Very proud to say that I can now create this kind of homepage without too much trouble.

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

    I struggled with the grids, until I understood that each parent container had to be in display:content to transmit the grid to its children, otherwise it does some pretty strange things, but I looked hard for a while. hours to understand where these shifts came from.

    What specific areas of your project would you like help with?

    All advice is welcome, particularly on accessibility and focuses, I did based on my current knowledge. Thank you very much to those who take the time to read my code and leave a comment, it's always very encouraging and it's what allows me to progress.

    Front-end_Mentor_News_Homepage_main

    1
    Michael Balogun•240
    @Emynex4real
    Posted 7 months ago

    The home page looks really amazing but there is a little mistake in the js

    when you move the mobile and trigger the menu icon to popout the nav bar then you switch back to desktop the properties doesn't disappear i think so should check I has an issue like that and this is how i resolved it.

    @media (min-width: 750px){ .menu-icon{ display: none !important; } .close-icon{ display: none !important; } .vertical-list{ display: none !important; }

    Marked as helpful
  • Nathan Orobor•150
    @omarnate1
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    writing java script to handle the error state

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

    figuring out how to render the error state,

    I used google and chatgpt to get it done

    What specific areas of your project would you like help with?

    none.

    responsive design was done with css flex-box

    1
    Michael Balogun•240
    @Emynex4real
    Posted 8 months ago

    First of all, congrats on completing the project! 🎉 Here are a few things I noticed that might help improve your work:

    The the CSS still needs retouching so i can look better, the footer attribution is overlapping with the main section of the form and this is making the project look less appealing.

    The onsubmit="return false" attribute on the button won't stop the form from actually submitting, as the button itself doesn’t directly trigger form submission; instead, addEventListener("submit") should handle this in script.js. You can add event.preventDefault() within that listener to stop the default submission behavior.

    Currently, after successful validation, form values are not reset. Consider adding this.reset() after the alert() in the submit event listener. This will clear all form fields, including the radio button and checkbox selections.

    After successfully submitting it shouldn't be an alert rather a popup created in the HTML.

    These are just some ideas that came to mind, and hopefully, they'll be helpful as you continue improving your project!

    Congrats again on the great work—keep coding and best of luck with your journey! 🚀

    Marked as helpful
  • Michael Balogun•240
    @Emynex4real
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I was happy that i could do this project with ease, I had fun doing it, what i won't anything differently

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

    Apart from electricity and internet connection, i really enocunter much challenge

    What specific areas of your project would you like help with?

    Courses on WCAG Please i really need them incase...

    FAQ accordion

    2
    Michael Balogun•240
    @Emynex4real
    Posted 8 months ago

    Ohhhh That's true I just assume it was the regular accordion without really thinking it through

    I will definitely work on that soon

    But i wanna ask that i enter a unmotivating time that comes and go. Do you too? so i know that i am not alone

  • tushar-Ruhela•260
    @tushar-Ruhela
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I most proud of made this project with better understanding and would help to do better in js and time i will create more project with full joy

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

    No ,challenges have come

    What specific areas of your project would you like help with?

    No

    FAQ's page usins html css and js

    1
    Michael Balogun•240
    @Emynex4real
    Posted 8 months ago

    Bonjour, Hello Tushar!

    First of all, congrats on completing the project! 🎉 I'm still learning too, but I wanted to give you some feedback that might help:

    Firstly, in your JavaScript, you're using Array.from() to convert NodeLists to arrays. You could try using forEach directly on the NodeList, as it works without converting the list into an array. This would save you a small step and make your code even cleaner!

    I see that the FAQ headings change color on hover, which is nice for user interaction! One small suggestion: you could make the hover state more noticeable by adding a slight transition, like transition: color 0.3s;, so the change is smoother.

    These are just a few things I noticed, and I hope they help. You've done an amazing job, and it’s great to see your progress! Keep coding and good luck on your developer journey! 🚀

    Marked as helpful
  • Aditya Singh•280
    @Ad7905itya
    Submitted 10 months ago

    interactive-rating-component-main

    1
    Michael Balogun•240
    @Emynex4real
    Posted 8 months ago

    Bonjour, Hello!

    First of all, congrats on completing the project! 🎉 I may not be the most experienced developer, but I wanted to share a few things I noticed that might help improve your work:

    Firstly, I noticed that when i don't rate at all and i clicked on submit it is renders it successfully, that is ok but there is a way is can be better. You can make it that when the user doesn't click on the rating then it doesn't submit and it pops up an alert that the user must rating first before submission. I think that will make challenge look more realistic.

    Apart from, I really enjoy going through your code.

    These are just some ideas that came to mind, and hopefully, they'll be helpful as you continue improving your project!

    Congrats again on the great work—keep coding and best of luck with your journey! 🚀

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