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

Junior

@GFJrNice, France50 points

Hey just here to learn from you guys :)

Latest solutions

  • Responsive preview card


    P
    Junior•50
    Submitted 6 months ago

    1 comment
  • Recipe page


    P
    Junior•50
    Submitted 7 months ago

    1 comment
  • Responsive social links done with flexbox


    P
    Junior•50
    Submitted 7 months ago

    1 comment
  • Responsive Blog preview card


    P
    Junior•50
    Submitted 7 months ago

    1 comment
  • Responsive QRcode using flexbox


    P
    Junior•50
    Submitted 7 months ago

    1 comment

Latest comments

  • Opeyemi Eniola•410
    @Enisco29
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    I had challenges with the media queries

    Responsive product detail page using HTML and CSs

    1
    P
    Junior•50
    @GFJr
    Posted 6 months ago

    Hey @Enisco29 good job! Here are some improvement suggestions:

    • Making the width and height at 100% so the image can cover the full space available for bigger screens, -Include the border radius to round the corners of the image for big screens: border-top-left-radius:10px; border-bottom-left-radius: 10px;

    -Add the hover effect on "add to cart" button to make the button becomes darker when the mouse hovers the button.

    example : .add_to_cart:hover{ background-color: #005C5B; cursor: pointer; }

    Well done on your challenge and good luck for the others :)

  • P
    Lovro Peraić•400
    @loki-pepe
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I learned how to style tables and how to use custom background images for list bullet points.

    What challenges did you encounter, and how did you overcome them?

    The biggest challenge was positioning the bullet points precisely as in the design. Finally, I decided to use list-style: none, and instead use a custom background image to place the bullet point precisely where I wanted it.

    Recipe page solution using a mobile-first workflow

    1
    P
    Junior•50
    @GFJr
    Posted 7 months ago

    Perfect

  • mohsinaalima•80
    @mohsinaalima
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    all feedbacks are welcome

    profile layout

    1
    P
    Junior•50
    @GFJr
    Posted 7 months ago

    Hey mohsinaalima, good job on this challenge.

    Improvement suggestion : maybe you forgot to change the color of the text during the hover ? (see the design called "active-states.jpg" in which the text is black when hovering).

    Well done again ;)

  • P
    SamoP•100
    @SamoPinter
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I used some code from the QR code project, small improvements an changes and I was quite quickly done.

    What specific areas of your project would you like help with?

    Any comment will be appreciated.

    Blog preview card

    1
    P
    Junior•50
    @GFJr
    Posted 7 months ago

    Good job mate! Keep going!

  • P
    Claudia•230
    @cla91
    Submitted about 3 years ago

    image scale down on desktop fixed width layout

    2
    P
    Junior•50
    @GFJr
    Posted 7 months ago

    Good job, easy as you said :)

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