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

Israel Adefidipe

@iadefidipe360 points

Frontend x UI/UX dev

Latest solutions

  • A React landing page, styled with styled components. (React router)


    Israel Adefidipe•360
    Submitted over 3 years ago

    1 comment
  • REST country API web app built with HTML, SASS, JS


    Israel Adefidipe•360
    Submitted over 3 years ago

    0 comments
  • Accordion: HTML, CSS, SCSS, JS( DOM manipulation)


    Israel Adefidipe•360
    Submitted almost 4 years ago

    0 comments
  • Mobile First, SCSS, DOM manipulation


    Israel Adefidipe•360
    Submitted almost 4 years ago

    1 comment
  • Responsive Chat app Illustration, animated with animate.css


    Israel Adefidipe•360
    Submitted about 4 years ago

    1 comment
  • Responsive card design with CSS flexbox


    Israel Adefidipe•360
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • Olutomisin Oluwajuwon•200
    @Oluwajuwonomoyele
    Submitted over 3 years ago

    Bookmark landing page using ntailwindcss, desktop-first approach

    2
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    Hi @Oluwajuwonomoyele,

    Great implementation you have here. Just a few improvement I can point out.

    • You should give the desktop view login button a transparent border, so it doesn't shift the layout when it is Hovered
    • In the features section, you should add more space between the section's svg and the details, so they don't begin to overlap
    • Optional: The FAQ section, only one accordion section should be opened at a time, so the layout is a bit tidy
  • Cristian Camilo Rodriguez•930
    @RodCri
    Submitted over 3 years ago

    Bookmark landing page

    1
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    Great work @RodCri! but you have a lot of improvements, I think you could make:

    • You work isnt responsive on smaller screen
    • the faq accordion can be improved on by ensuring once any section of the accordion is opened others are closed, no two sections can be opened at the same time. I think it will make for better user experience
    • You should also work on the last FAQ section Cheers🐱‍👤
  • Pham Tuan Anh•300
    @akalizk113
    Submitted over 3 years ago

    responsive bookmark web using react JS and material ui

    1
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    Great work @akalizk113! Just two improvements, I think you could make:

    • the placements of the page illustrations is not according to the design specification, or it might be my browser. Your hero section appears not to be not flexed in the desktop view, but the solution screenshot it looks flexed. Maybe you should check your work across different browsers
    • the faq accordion can be improved on by ensuring once any section of the accordion is opened others are closed, no two sections can be opened at the same time. I think it will make for better user experience. Other than that, your implementation appears to be perfect. Cheers🐱‍👤
    Marked as helpful
  • Andres Jaramillo•120
    @GhostemaneUrs
    Submitted over 3 years ago

    Responsive landing page using tailwind

    1
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    hi @GhostmaneUrs, your implementation is great. The page overflows on smaller views, you might want to check that, by probably giving the page a max-width. Not really important, but the buttons styles should also have transition time

  • Lynden•70
    @MartinLundqvist
    Submitted over 3 years ago

    Vite.js, React, Styled-Components

    1
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    hi @MartinLundqvist great implementation. Your project only seems to have spacing issues, i feel you can do better with the spacing in the desktop view. The cards are not centered in the mobile view and the header also has some padding issues

    Marked as helpful
  • Gregorio Rodriguez•400
    @thekindbard
    Submitted over 3 years ago

    my 10th proyect: fylo-data-storage-component-master with HTML + CSS

    1
    Israel Adefidipe•360
    @iadefidipe
    Posted over 3 years ago

    Great Implementation! I think you need to fix the mobile view left and right padding, so the elements dont just span across the page as it is now.

    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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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