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

jonathanPons

@jonathanPonsSpain, Barcelona100 points

Hey, I'm Jonathan, i'm French living in Spain! I've been learning web development since the beginning of 2024 and started uploading projects to GitHub in July. My goal is to improve, share with the community, and turn this passion into a career!

Latest solutions

  • CSS GRID/ @Media Queries


    jonathanPons•100
    Submitted about 1 year ago

    Media queries and how to save time in my CSS to avoid repeating the same tags.


    1 comment
  • CSS/ HTML / Media Queries responsive


    jonathanPons•100
    Submitted about 1 year ago

    I want to better understand how to properly integrate an image according to different formats; it’s not yet clear to me, and I often find the solution by chance. I'm not yet efficient with my work time and would like to know if I could be faster and how to achieve that, as well as work on the efficiency of properties. Feedback from the community on different image formats would be greatly appreciated. Thank you, everyone.


    1 comment
  • HTML/ CSS ( grid / flexbox/ @media ) a new proprieties


    jonathanPons•100
    Submitted about 1 year ago

    Improve my CSS, my execution speed, and try to have cleaner and more efficient code. I'm not sure if 8 hours is a lot for a project like this for a beginner?


    2 comments
  • CSS HTML,


    jonathanPons•100
    Submitted about 1 year ago

    1 comment
  • Use CSS / Git Github/ HTML


    jonathanPons•100
    Submitted about 1 year ago

    Saving time in CSS by being faster and using more efficient properties. Community feedback would be a plus.


    2 comments
  • Help with QR Code solution


    jonathanPons•100
    Submitted about 1 year ago

    The structure of HTML and CSS for better efficiency and a more precise understanding of Git and GitHub. Need help


    1 comment

Latest comments

  • Arsh•410
    @arsh-de
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I was able to use grid layout to make the website responsive. I will try to make a cleaner design.

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

    It was difficult to use grid layout to make the design responsive as I have never used grid before, but I was able to learn it and implement it in the design.

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

    At this point everything is under control.

    Four Card Feature

    1
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    Well done, the size is almost identical. Just adjust the borders a bit, but otherwise, I find the project great. Congratulations!

  • Dylan de Bruijn•3,220
    @DylandeBruijn
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Learned how to use the picture element.

    What challenges did you encounter, and how did you overcome them?
    • The hover color was not included in the design specs, had to guess it.
    • Responsive solution according to design specs didn't look good so I adjusted it.
    What specific areas of your project would you like help with?

    Any feedback is appreciated.

    Product Preview Card

    #sass/scss#vite#bem
    3
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    Project that closely resembles the original project! I’m not familiar with SCSS, but it seems to make CSS cleaner and more efficient. Well done!

  • Moamen Abdelrahman•340
    @MoamenAbdelrahman7
    Submitted about 1 year ago

    Product preview card component

    1
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    It seems to me that the work is well done; the size of the element is perfect, including in mobile format. However, I don’t see the hover effect on the button, which I think might be an oversight. Well done and best of luck with your future projects!

  • Ecu•220
    @Maflacs
    Submitted about 1 year ago

    Recipe page using CSS flexbox

    1
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    There is an issue with the container height, the color of the points in the list, as well as the numbers, haven't been changed; the color and font size could be revised. I also notice the bottom part is formatted as a table, but it seems borders would be more suitable. Nonetheless, good job, let's keep improving together!

    Marked as helpful
  • merveuluser•40
    @merveuluser
    Submitted about 1 year ago

    Social Links Profile Main

    1
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    The design is clean and very similar, just the height adjustment could be improved, but good job!

  • J4NBI•250
    @J4NBI
    Submitted about 1 year ago

    Blog preview card

    1
    jonathanPons•100
    @jonathanPons
    Posted about 1 year ago

    If I may, I can see a slight error in the size of the element to be reworked, a spelling mistake in certain elements, and the color of the paragraph, but overall, well done!

    Marked as helpful
View more comments

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

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