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

Divine Obeten

@Deevyn9Nigeria2,415 points

Hi, I'm Divine Obeten. I am a Frontend Developer based in Nigeria. I love writing frontend code, solving problems and providing solutions to problems faced by fellow developers. I make use of HTML, CSS, JAVASCRIPT AND REACT for solving problems.

I’m currently learning...

Tailwind CSS

Latest solutions

  • Responsive Newspage


    Divine Obeten•2,415
    Submitted over 2 years ago

    0 comments
  • Profile Preview Card with HTML and SASS

    #sass/scss

    Divine Obeten•2,415
    Submitted over 2 years ago

    2 comments
  • Rest Countries api with color theme switcher


    Divine Obeten•2,415
    Submitted almost 3 years ago

    1 comment
  • Four Card Feature Section


    Divine Obeten•2,415
    Submitted almost 3 years ago

    1 comment
  • Huddle Landing Page


    Divine Obeten•2,415
    Submitted almost 3 years ago

    2 comments
  • Base Apparel website made with HTML, CSS AND JAVASCRIPT


    Divine Obeten•2,415
    Submitted about 3 years ago

    1 comment
View more solutions

Latest comments

  • Ahmed•80
    @AhmedAlkh
    Submitted over 2 years ago

    Product preview card component solution

    4
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi Ahmed, great solution you have here, it looks really great. However, you'll need to change the width for the media query to about 600px so it'll be more responsive.

    Happy Coding! 🎉

  • Abelardo Gomez Rodriguez•30
    @abelgmz
    Submitted over 2 years ago

    Nft preview card using flexbox and scss

    #sass/scss
    2
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi Abelardo, congrats on completing this project, your solution looks really good, however, you'll need to use max-width instead of width to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specified max-width.

    I hope this is helpful to you.

    Happy Coding!🎉

  • Dani Feelshot•370
    @Feelshot
    Submitted over 2 years ago

    QR code component | Dani Feelshot

    #accessibility#sass/scss
    2
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi Dani, congrats on completing this project, your solution looks really good, however, you'll need to use max-width instead of width to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specified max-width.

    I hope this is helpful to you.

    Happy Coding!🎉

    Marked as helpful
  • YouLackHope•70
    @YouLackHope
    Submitted over 2 years ago

    QR Code Scanner using css grid

    1
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi, congrats on completing this solution, Your solution really looks great and responsive. However, you'll need to add left and right padding to the body so there would be a bit of spacing between the container and the body when it goes below 320px. 10px of padding should be enough.

    Happy Coding!

    Marked as helpful
  • isamardzija•280
    @isamardzija
    Submitted over 2 years ago

    FAQ Accordion Card using Flexbox

    2
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi, congrats on completing this project, your solution looks really great. However, I found a few issues that would need resolving:

    (i) You'll need to add background-repeat: no-repeat; to the body to prevent the gradient from repeating.

    (ii) You'll need to add a min-height: 100vh to the body and display: grid place-items: center; to center the container.

    I hope you find these helpful.

    Happy Coding! 🎉

  • brian•630
    @brian-maker
    Submitted over 2 years ago

    single-price-grid-component

    3
    Divine Obeten•2,415
    @Deevyn9
    Posted over 2 years ago

    Hi Brian, there's and issue with the github pages and the site isn't loading.

    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

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