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

Oladele Bidemi

@iamRed-OneNigeria , Abuja Maraba230 points

An Aspiring frontend developer hoping to up my skills by building real world applications and taken on awesome challenges

Latest solutions

  • Fully Resposive Ecommerce Web

    #react

    Oladele Bidemi•230
    Submitted 11 months ago

    0 comments
  • PREVIEW CARD COMPONENT BUILT WITH CSS GRID


    Oladele Bidemi•230
    Submitted about 2 years ago

    0 comments
  • BUILT WITH CSS FLEXBOX


    Oladele Bidemi•230
    Submitted about 2 years ago

    1 comment
  • RESPONSIVE LANDING PAGE BUILT WITH CSS GRID AND FLEXBOX


    Oladele Bidemi•230
    Submitted about 2 years ago

    0 comments
  • Responsive Landing Page Built with HTML , CSS(Grid layout) , JS


    Oladele Bidemi•230
    Submitted about 2 years ago

    1 comment
  • Flyo landing page Built with HTML,CSS JS


    Oladele Bidemi•230
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Tommy Trinh•70
    @tomtrin
    Submitted about 2 years ago

    Product preview card component using TailwindCSS

    #tailwind-css
    1
    Oladele Bidemi•230
    @iamRed-One
    Posted about 2 years ago

    Hi there Tommy, Congrats 🎉 on completing the project

    i have some suggestions for you

    • instead of using sm:hidden for you image which was a great btw use the picture element. it has wide ranges as well that can help in future project learn more
    <picture>
    <source media="(min-width: 45rem)" srcset="./images/image-product-desktop.jpg" />
    <img src="./images/image-product-mobile.jpg" alt="product image" />
    </picture>
    
    • Your button active state isn't quite close, mine wasn't exact but close enough, i suggest hovering of the color in vs code a palette normally shows up you can drag to get particular color of choice.

    Overall great solution ♥

  • David A•730
    @DavidXploidz
    Submitted about 2 years ago

    Space tourism multi-page website using react and bem css

    #bem#react
    1
    Oladele Bidemi•230
    @iamRed-One
    Posted about 2 years ago

    Hi there Congratulations 🎉 on finishing the project.

    I can't help but notice this errors in the design

    • the mobile navigation does not close when you switch to a new page
    • the content is too close to the edges
    • The crew images Is overlapping the header title

    Is there a way you can fix that

    Overall i love your react representation of this project🤩.

    Awesome work sir 👌

  • Nazhdaque•220
    @Nazhdaque
    Submitted about 2 years ago

    FM | Easybank landing page challenge solution (swiper.js, lit-html)

    #accessibility#bem#vite
    1
    Oladele Bidemi•230
    @iamRed-One
    Posted about 2 years ago

    good work bro/sis congrats on finishing the project we had the same idea on the border bottom on the header navigation 😊 those little animations is sweet

  • kobiowuquadri•120
    @kobiowuquadri
    Submitted over 2 years ago

    Responsive Landing Page using Flexbox and Media Query with Animations

    1
    Oladele Bidemi•230
    @iamRed-One
    Posted about 2 years ago

    i love this bro just followed you in linkedin

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