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

Kehinde

@jonathan401Nigeria680 points

A budding Front-end web developer. I'm passionate about code and improving. I'm also a huge fan of digital art pieces 🎨

I’m currently learning...

Reactjs

Latest solutions

  • FAQ Accordion

    #accessibility

    Kehinde•680
    Submitted over 1 year ago

    0 comments
  • Interactive card details

    #accessibility#bem

    Kehinde•680
    Submitted over 1 year ago

    0 comments
  • Blogr Landing page using SCSS

    #accessibility#sass/scss#bem

    Kehinde•680
    Submitted over 1 year ago

    0 comments
  • Project tracker intro component


    Kehinde•680
    Submitted almost 2 years ago

    0 comments
  • Interactive comments section


    Kehinde•680
    Submitted about 2 years ago

    0 comments
  • Coding-bootcamp-testimonials-slider

    #accessibility

    Kehinde•680
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Karol•1,620
    @karolbanat
    Submitted over 1 year ago

    Dictionary Web App

    #svelte#typescript
    2
    Kehinde•680
    @jonathan401
    Posted over 1 year ago

    Congratulations @Karol on completing this challenge 🎉🎉. The solution looks great on my mobile device. I hope everything works out fine with you too.

  • Oanh Ho•180
    @oanh-hth
    Submitted about 2 years ago

    Ping Coming Soon Page

    1
    Kehinde•680
    @jonathan401
    Posted about 2 years ago

    Congratulations on completing this challenge 🎊🎊. I don't have any suggestions. You really a great job 🎉. I REALLY love your html structure 💪🏾. Good job!.

  • Luiz Maynarte•60
    @LuisComZ
    Submitted about 2 years ago

    Product Preview Card Solution

    1
    Kehinde•680
    @jonathan401
    Posted about 2 years ago

    Congratulations on completing this challenge 🎊🎊. Well a few suggestions:

    1. Let the div with class container be a main element instead.
    2. There should only be a h1 element per page. So you make the other h1 a h2 instead.
    3. It's important that you don't write content in all caps in the html. You should change PERFUME to Perfume and then use the CSS text-transform: uppercase; in the CSS to make it all caps.
    4. To remove that space from the image, you should add a picture element that can be used to render different images for different screen sizes. You could check out my solution here and if you're still not clear, you could reach out. Hope the little suggestions helped.

    Once again, congratulations on completing this challenge 🎊🎊.

  • visualdennis•8,375
    @visualdenniss
    Submitted about 2 years ago

    👾 Animated Interactive Comments | React | Dark Mode | Switch Users 👾

    #animation#fetch#framer-motion#react#axios
    5
    Kehinde•680
    @jonathan401
    Posted about 2 years ago

    A wonderful solution 🎊🎊. This is my first time hearing about npoint.io. I'll try using it in my solution to this challenge. Love the extra features ❤️❤️

  • Melvin Aguilar 🧑🏻‍💻•61,020
    @MelvinAguilar
    Submitted about 2 years ago

    Fylo dark theme landing page (React JS + Tailwind CSS + Framer Motion)

    #accessibility#framer-motion#lighthouse#react#tailwind-css
    16
    Kehinde•680
    @jonathan401
    Posted about 2 years ago

    Wonderful solution as always 🎉🎉. Just curious though, how do you match the design exactly. It's always eluded me 😅. I'll like to make my solution match the design but since I'm a free subscriber, it's really hard achieving that 😅. Any tips on how I could match the mobile and desktop design 'perfectly'?

  • Karol•1,620
    @karolbanat
    Submitted about 2 years ago

    Interactive Comments Section

    1
    Kehinde•680
    @jonathan401
    Posted about 2 years ago

    Congratulations on completing this challenge 🎊🎊. Honestly I was waiting for you to submit your solution since mine is taking me longer than I expect 😅. Wonder solution as always. I have a few suggestions though from what I observed from the live site.

    1. When you click the reply button, it continues showing the comment box repeatedly, maybe consider making sure it only appears once when the user clicks it 🤔.
    2. When you click the reply button and the reply box (or comment box) shows up with the @usermame, the user can just clear out the content and reply and the card no longer has the @username. I don't know if you understand me though.

    Those are mainly the two observations I have. Hopefully you understand me because I find it hard to really express myself. Congratulations on completing this challenge 🎊🎊. Happy Coding 💪🏾. I really look forward to your solutions 💫💫.

    Marked as helpful
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