Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
4

justine1607

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

  • React Quiz App

    #react

    justine1607•140
    Submitted 7 months ago

    2 comments
  • interactive add to cart

    #sass/scss

    justine1607•140
    Submitted 8 months ago

    2 comments
  • REsponsive Landing Page

    #sass/scss

    justine1607•140
    Submitted 8 months ago

    1 comment
  • Responsive Testimonial card


    justine1607•140
    Submitted 9 months ago

    1 comment
  • Four Card Responsive using 3 grids


    justine1607•140
    Submitted 9 months ago

    3 comments
  • Resposnive Product Preview card using grid


    justine1607•140
    Submitted 9 months ago

    1 comment
View more solutions

Latest comments

  • KN•220
    @kaiens-lab
    Submitted 9 months ago

    Meet-Landing-Page

    #sass/scss
    1
    justine1607•140
    @justine1607
    Posted 8 months ago
    1. for me i recommend not to use height on the text for dynamic, because when the content changes it's gonna be mess because for example the contend has exceeded from the height you add it will be not good.
    2. don't set px instead use relative units like em, rem.
    3. your margin-bottom to the hero-title could be remove and you just add gap to the hero-container so the hero-title and the hero text will have consistent gap.
  • collins-ai•450
    @collins-ai
    Submitted 9 months ago

    testimonial section using html and css

    1
    justine1607•140
    @justine1607
    Posted 9 months ago

    nice its responsive.just wanna leave a comment your all div and other element should be inside the main like body-main-your div's.

    Marked as helpful
  • Kairo•230
    @Chikairo
    Submitted 9 months ago

    Four card feature section master

    1
    justine1607•140
    @justine1607
    Posted 9 months ago
    1. border-top-style: outset; / / border-top-color: var(--cyan); / / border-width: 0.25rem; --this can be achieved by just one line of code try setting it to border-top: 5px solid var(--cyan);
    2. Use margin-left: auto instead. This will dynamically push the image to the right and is more flexible. Avoid using fixed values for margins unless absolutely necessary.
  • RajanCP•90
    @RajanCP
    Submitted 9 months ago

    Product preview card

    1
    justine1607•140
    @justine1607
    Posted 9 months ago

    i like how you manage to use different images in different screen sizes.

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