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

Eseoghene

@EseAlliIbadan, Oyo550 points

Switching from Backend to Frontend development

Latest solutions

  • Social Media Dashboard with Theme Switcher (HTML,CSS & JS)


    Eseoghene•550
    Submitted over 2 years ago

    1 comment
  • News Homepage


    Eseoghene•550
    Submitted over 2 years ago

    1 comment
  • Github User Search App


    Eseoghene•550
    Submitted over 2 years ago

    0 comments
  • Coding Bootcamp Testiomonials Slider

    #typescript

    Eseoghene•550
    Submitted almost 3 years ago

    0 comments
  • Interactive Pricing Component - Vanilla TypeScript

    #typescript

    Eseoghene•550
    Submitted almost 3 years ago

    0 comments
  • Loopstudios Landing Page


    Eseoghene•550
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Bence Zámbó•510
    @zambobence
    Submitted almost 3 years ago

    Interactive pricing component with slider

    1
    Eseoghene•550
    @EseAlli
    Posted almost 3 years ago

    Hello Bence, awesome job. Here are some materials that helped me with style the slider

    Creating A Custom Range Input That Looks Consistent Across All Browsers

    Styling range input with CSS and JavaScript for better UX

    Marked as helpful
  • Okereke Clement Kalu•170
    @Clement1kalu-okereke
    Submitted almost 3 years ago

    Stats Preview Page with css flex

    #accessibility#bem
    1
    Eseoghene•550
    @EseAlli
    Posted almost 3 years ago

    Hey Clement, awesome work. To center the component in the middle of the page, you can use flex like this:

    body{
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
  • Facundo•40
    @1991facundo
    Submitted almost 3 years ago

    Qr code - 1st challange on frontmentor.io

    3
    Eseoghene•550
    @EseAlli
    Posted almost 3 years ago

    Great job Facundo, you can change and make the text look like the guide by setting a font size the h1 tag.

    .container h1{
     font-size: 1.5rem;
    }
    
    Marked as helpful
  • Ssembatya Dennis Duncan•260
    @ssembatya-dennis
    Submitted almost 3 years ago

    FAQ-accordion-card with HTML Elements "details" and "summary"

    #accessibility
    1
    Eseoghene•550
    @EseAlli
    Posted almost 3 years ago

    Hey Ssembatya, the overflow problem you are having is because of the height you set on your accordion card. Instead of using height, try adding padding to your card.

    Marked as helpful
  • pradeep•30
    @pradeep0712
    Submitted almost 3 years ago

    css and html

    2
    Eseoghene•550
    @EseAlli
    Posted almost 3 years ago

    Hi, awesome work. Here are some things I think you can add to your solution

    • try adding font-weight to these texts - Annual Price, Change, Proceed to Payment, and Cancel
    • Change the color of some of the text to match that od the design.

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