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

John Panagos

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

  • Testimonials Grid Section


    John Panagos•80
    Submitted 4 months ago

    NA


    1 comment
  • Four Card Feature


    John Panagos•80
    Submitted 4 months ago

    N.A.


    1 comment
  • Product Preview Card


    John Panagos•80
    Submitted 4 months ago

    N.A.


    1 comment
  • Recipe Page Main


    John Panagos•80
    Submitted 6 months ago

    Doing them more efficiently and Coding Faster.


    1 comment
  • Social Links profile with HTML and CSS


    John Panagos•80
    Submitted 6 months ago

    I would like to learn how to make my Code more Secure.


    1 comment
  • Blog Preview Card


    John Panagos•80
    Submitted 6 months ago

    1 comment
View more solutions

Latest comments

  • Chrystiana Penalber•120
    @chryspenalber
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the responsive CSS Grid layout, clean design, and consistent styling using CSS variables. I’d improve accessibility, add subtle animations, and explore dynamic content loading with JavaScript.

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

    Positioning the quote image was challenging at first. I solved it by using multiple background properties, ensuring proper alignment without affecting the layout.

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

    I’d appreciate feedback on responsive optimizations and accessibility improvements, especially regarding ARIA attributes and keyboard navigation.

    Testimonial Grid using CSS Grid & Flexbox

    2
    John Panagos•80
    @JohnPanagos
    Posted 4 months ago

    The background is a different color and the grid isn't proportional to the whole page. It's also missing some image elements.

  • Stash443•120
    @Stash443
    Submitted 4 months ago

    Four Card Feature using CSS

    1
    John Panagos•80
    @JohnPanagos
    Posted 4 months ago

    The background is a slightly different color and the Images are to the left rather than the right. It's not necessarily a bad thing depending on their goals.

  • Abdurrahman Habib•70
    @Abrster-codes
    Submitted 4 months ago

    Frontend Mentor Product Preview Design

    1
    John Panagos•80
    @JohnPanagos
    Posted 4 months ago

    The entire box of the solution seems smaller than the design, but everything looks good other than that.

  • aman-coolinc1•80
    @aman-coolinc1
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I used all the accessibility tags for all the elements in my page. I first completed the layout and then moved on to CSS.

    What challenges did you encounter, and how did you overcome them?
    1. How to color only bullet points, searched for this property and used it.
    2. How to use accessible table elements.

    Responsive and accessible flex layout recipe page

    1
    John Panagos•80
    @JohnPanagos
    Posted 6 months ago

    Bottom of the page is white and the color doesn't go all the way down. Otherwise, it looks fine.

  • Tomas Borghi•90
    @Borghii
    Submitted 6 months ago

    Using flex

    1
    John Panagos•80
    @JohnPanagos
    Posted 6 months ago

    The biggest difference between the two is the margin of space between the text making the profile card larger or smaller in certain ways. However, both are relatively fine.

  • Ewnet-Reta•10
    @Ewnet-Reta
    Submitted 7 months ago

    simple blog preview

    1
    John Panagos•80
    @JohnPanagos
    Posted 6 months ago

    The solution is not even close to the blog preview card. It's literally just text.

View more comments
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

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