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

Yusuf Babatunde

@owocodedNigeria310 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

  • Ping coming soon page


    Yusuf Babatunde•310
    Submitted 8 days ago

    0 comments
  • Huddle landing page with curved section


    Yusuf Babatunde•310
    Submitted about 2 months ago

    0 comments
  • clipboard page


    Yusuf Babatunde•310
    Submitted about 2 months ago

    0 comments
  • Base Apparel

    #solid-js#pure-css

    Yusuf Babatunde•310
    Submitted 2 months ago

    0 comments
  • bento grid solution

    #pure-css

    Yusuf Babatunde•310
    Submitted 3 months ago

    0 comments
  • FAQ Accordion page

    #pure-css#solid-js

    Yusuf Babatunde•310
    Submitted 3 months ago

    0 comments
View more solutions

Latest comments

  • Santiago Ison•130
    @1sonn
    Submitted 8 months ago

    NFT-preview-card-component

    1
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Nice submission

  • P
    Josh Kahlbaugh•540
    @Joshk7
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy with how the final grid layout worked and I was also able to add intermediate layouts at different break points.

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

    The biggest challenge I encountered was in the ordering of the cards within the grid. The fifth card ends up in the far right for the largest grid layout, so I had to specify exactly where it should go with grid-row and grid-column.

    .five {
         grid-row: 1 / 3;
         grid-column: 4;
    }
    
    What specific areas of your project would you like help with?

    I'm not positive if the box-shadow is perfect, so any tips on that would be helpful. Also, I wasn't sure if I needed an h1 tag so I just added a hidden one for accessibility. Let me know if that's good practice.

    Responsive Testimonials using CSS grid

    #pure-css
    1
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Nice submission. Bo

  • Abril Esparza•120
    @AbrilEsparza
    Submitted 6 months ago

    Four Card Feature Section

    1
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Nice Submission. If you are really good with pure CSS then, Bootstrap is way to go, if not I will suggest you master pure CSS then move to framworks.

  • Belen Arista•60
    @anabelena
    Submitted 9 months ago

    Product card preview component

    #pure-css
    1
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Nice Submission.

  • Tomisin Akinyemi•70
    @donttouchtomi
    Submitted 6 months ago

    Recipe Page

    2
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Nice submission

    Marked as helpful
  • P
    Roberto Keppler•60
    @rkeppler42
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am getting better at BEM and mediaqueries

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

    Bem and mediaqueries

    Social links profile using Flexbox, BEM and Mediaquery

    #bem#pure-css
    1
    Yusuf Babatunde•310
    @owocoded
    Posted 6 months ago

    Perfect!

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