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

Jeremiah Aworetan

@jeremy0xIbadan, Nigeria90 points

Frontend Developer based in Nigeria.

I’m currently learning...

TypeScript and Next.js.

Latest solutions

  • 3 Column Preview Card Component


    Jeremiah Aworetan•90
    Submitted over 1 year ago

    0 comments
  • Profile Card Component


    Jeremiah Aworetan•90
    Submitted over 2 years ago

    0 comments
  • Order Summary Component


    Jeremiah Aworetan•90
    Submitted over 2 years ago

    0 comments
  • Four card feature section


    Jeremiah Aworetan•90
    Submitted over 2 years ago

    0 comments
  • NFT Preview Card Component

    #animation

    Jeremiah Aworetan•90
    Submitted over 2 years ago

    0 comments

Latest comments

  • Aanu-TT•150
    @AanuTT
    Submitted over 2 years ago

    Responsive webpage

    1
    Jeremiah Aworetan•90
    @jeremy0x
    Posted over 2 years ago

    Hello.

    Your image background doesn't seem to fill the whole width of a large screen. You can fix that with the background-size property. Read through this and you should understand how to use that property - https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

    Happy Coding!

    Marked as helpful
  • Christian Patrick Nebab•1,080
    @Dng120696
    Submitted over 2 years ago

    nft-preview-card-component using HTML AND CSS

    2
    Jeremiah Aworetan•90
    @jeremy0x
    Posted over 2 years ago

    Hi @Dng120696,

    Great work on the design! 👍

    I noticed that when you hover on the .container-img to show the .hover-img, the .equi-img doesn't take up the full height of its container. I had a similar issue before, and here's a possible fix:

    • Give .container-img a height, then set the image to have a height of 100%.
    • You can also add object-fit: cover; to the image, so it covers the container completely.

    Keep up the good work! 😊

    Marked as helpful
  • stephenbliz•210
    @stephenbliz
    Submitted over 2 years ago

    Advice generator create with vite, react and typescript

    #react#vite#typescript
    2
    Jeremiah Aworetan•90
    @jeremy0x
    Posted over 2 years ago

    Hi @stephenbliz!

    Excellent work on the challenge!

    Here's a suggestion that might help improve your code: instead of assigning a percentage width to your .wrapper element, you could set its width to 100% and establish a max-width value. This approach can help your design better accommodate different screen sizes, especially on mobile devices. Additionally, you may consider adding padding to the .section1 element to help improve the overall appearance.

    Keep up the good work!

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