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

Opeyemi Eniola

@Enisco29410 points

Aspiring full stack developer with a strong foundation in React, Tailwind CSS, and JavaScript. I have various projects on Github, reflecting my commitment to building responsive, high quality UIs

I’m currently learning...

Node JS

Latest solutions

  • bookmark-landing-page


    Opeyemi Eniola•410
    Submitted 2 months ago

    ...


    1 comment
  • room-master using react + tailwind


    Opeyemi Eniola•410
    Submitted 2 months ago

    ..


    1 comment
  • loo-studio using react+tailwind


    Opeyemi Eniola•410
    Submitted 2 months ago

    ...


    1 comment
  • loop-studio using react + tailwind


    Opeyemi Eniola•410
    Submitted 2 months ago

    ...


    1 comment
  • card using html and css


    Opeyemi Eniola•410
    Submitted 2 months ago

    box-shadow


    1 comment
  • Responsive Ecommerce-product-page using React

    #react#typescript#tailwind-css

    Opeyemi Eniola•410
    Submitted 2 months ago

    useContext and state Management, a course on it will be appreciated 😊


    1 comment
View more solutions

Latest comments

  • Bunchydo•570
    @Bunchydo
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of successfully implementing a responsive navigation menu that adapts to different screen sizes and user interactions. It was satisfying to see the mobile menu toggle work smoothly with both a hamburger icon and a close button.

    Next time, I would focus earlier on using classList.toggle() for cleaner logic instead of manually manipulating style.display, which became a bit repetitive. I would also set up media queries more strategically from the start to avoid display bugs across different viewports.

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

    One major challenge was debugging a display inconsistency between my local environment and the GitHub-hosted version. The close button (.closeMenu) was showing on GitHub but not locally, which turned out to be due to default display values and possibly cached or case-sensitive asset issues.

    I overcame this by explicitly setting display: none for the .closeMenu element in my CSS and carefully managing visibility with JavaScript. I also cleaned up redundant logic and ensured consistent behavior using the browser’s dev tools and console logs.

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

    I'd appreciate feedback on:

    Refactoring the toggle logic: Is there a cleaner or more modern way to handle the mobile menu toggling with better accessibility?

    Responsiveness: Are my media queries properly structured, or could the layout be improved for various screen sizes?

    Code structure: Would using a framework or utility-first CSS (like Tailwind) have simplified some parts of this project?

    Bookmark Landing Page

    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 2 months ago

    Try learning framework it will make it more easier to code. Maybe React?

  • Erick Rodrigues•660
    @SortJakke
    Submitted 2 months ago

    room homepage with HTML, SASS and JavaScript

    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 2 months ago

    responsive on all screen... I respect u 🙌

  • Quyt•350
    @220100dungvan
    Submitted 3 months ago

    Loopstudios landing page

    #tailwind-css
    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 2 months ago

    This is entirely different from the solution. please try and check again there is a mistake

  • Fachrezi•450
    @Fbeye04
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    for the first time I tried to use tailwindcss in web development. I know that this project is expected to use pure css but I feel that the introduction to tailwind will not be easy so it would be better to get acquainted early so that more projects can be done using tailwind.

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

    using tailwind is honestly easy especially if you read the documentation on the tailwind web but the problem is that your html code looks messy so I guess there is something else I have to learn to keep the html code in a readable condition. In addition, I also feel strange because this time the class is filled with utility instead of class in general.

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

    all areas in the html, css, and javascript sections

    NFT Preview Card

    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 2 months ago

    this is very good

  • Anthonia Efe•310
    @AnthoniaEfe
    Submitted 3 months ago

    Ecommerce product page with React & Tailwindcss

    #react#tailwind-css#accessibility
    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 2 months ago

    The product page has a clean, responsive design but would benefit from clearer product descriptions, enhanced imagery.

  • P
    Alexwz89•480
    @Alexwz89
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Finally figured out how to use aria-label to distinguish between landmark and region!

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

    How to control the position of the navigation on the mobile screen, the parent component relative and child component absolute, as well as the parameters right, top, left, etc., need to be queried from MDN in order to do so.

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

    how to better realize the animation of menu popup

    News homepage with Aria label and Grid CSS

    #tailwind-css#react
    1
    Opeyemi Eniola•410
    @Enisco29
    Posted 3 months ago

    This is good!! keep it up 🙌

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