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

Adeola

@adex-hubNigeria320 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 || React.js + TailwindCSS + Redux

    #framer-motion#react#redux#tailwind-css#redux-toolkit

    Adeola•320
    Submitted about 1 year ago

    0 comments
  • Link shortener landing page with animated link elements

    #framer-motion#next#react#typescript#tailwind-css

    Adeola•320
    Submitted about 1 year ago

    0 comments
  • Country-info website

    #react#react-router#sass/scss#tailwind-css#pwa

    Adeola•320
    Submitted over 1 year ago

    0 comments
  • Interactive card details from with SVG tick animation

    #animation#react#sass/scss

    Adeola•320
    Submitted over 1 year ago

    0 comments
  • Advice generator app (React + Vite)

    #react#sass/scss

    Adeola•320
    Submitted almost 2 years ago

    0 comments
  • Result-summary component (React + Vite)

    #react#vite#sass/scss

    Adeola•320
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Terrionna•70
    @terrionnawatts
    Submitted over 1 year ago

    Interactive Card Details

    1
    Adeola•320
    @adex-hub
    Posted over 1 year ago

    Hi Terriona, nice solution but in order to center the cards vertically consider adding the following code to the parent element of the two cards.

    display: flex;
    flex-direction: column;
    align-items: center;
    

    If that doesn't work you might need to center it vertically using position: absolute and CSS properties such as top and transform: translate Y(50%)

    Marked as helpful
  • Adeola•320
    @adex-hub
    Submitted almost 2 years ago

    Frontend Mentor QR code page using React ⚛️

    #react
    2
    Adeola•320
    @adex-hub
    Posted almost 2 years ago

    This is my first ever react project. Just started learning react some days ago and I felt like this is the perfect project to build. So please React devs tell me some improvements I can make and in what areas.

  • DaveMan-stack•130
    @DaveMan-stack
    Submitted over 2 years ago

    Responsive loopstudios landing page tailwind-css

    #tailwind-css#semantic-ui
    1
    Adeola•320
    @adex-hub
    Posted over 2 years ago

    It looks cool but add transitions to the parent elements of the hover state as this would help the hover state to feel a lot smoother.

    For your html validation, delete the srcset attribute on the image tag and fill in the alt attribute on the image tag as well as this would help the user understand what is meant to be in the image's position on the webpage in case the image doesn't load due to bad/slow network or other issues.

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