Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2

Jesse

@vinshieldEkiti, Nigeria110 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

  • Responsive Card Component using HTML and CSS only


    Jesse•110
    Submitted almost 2 years ago

    1 comment
  • Responsive Card Component Using CSS Grid


    Jesse•110
    Submitted almost 2 years ago

    0 comments
  • Responsive card using flexbox. No media queries


    Jesse•110
    Submitted almost 3 years ago

    1 comment
  • Responsive Card Using Flexbox


    Jesse•110
    Submitted almost 4 years ago

    1 comment
  • Responsive Testimonial Section Using Gridbox


    Jesse•110
    Submitted over 4 years ago

    1 comment
  • Profile card component using flexbox


    Jesse•110
    Submitted over 4 years ago

    0 comments

Latest comments

  • Barney•410
    @waikoo
    Submitted almost 3 years ago

    Order summary component

    3
    Jesse•110
    @vinshield
    Posted almost 3 years ago

    Hi Waikoo, to place the attribution neatly at the bottom center of the page, I usually set it's css position property to absolute, then I give it left: 0; right: 0; bottom: 0;

    Hope this helps!

    Marked as helpful
  • Dragos Popescu•320
    @ospop
    Submitted over 4 years ago

    Responsive Testimonials (Grids & Sass)

    2
    Jesse•110
    @vinshield
    Posted over 4 years ago

    Hi,

    I too faced challenges when trying to implement media queries while using grid-template-areas. It's possible to do though. Here's what my solution looked like:

    @media (max-width: 500px) { .container { margin: 20% auto; grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "item1" "item2" "item3" "item4" "item5" ; } }

    You can see the full thing here: https://www.frontendmentor.io/solutions/responsive-testimonial-section-using-gridbox-cNd0zW1f-

    Cheers!

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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