Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
4
PatLatting
@PatLatting

All comments

  • P
    Sven Notermans•220
    @Sven-27
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I wouldn't do much different.

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

    It was a little bit of searching how to set the navigation by keyboard

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

    All comments are welcome.

    Social links profile HTML, CSS

    2
    PatLatting•70
    @PatLatting
    Posted 8 months ago

    I reviewed your solution and found your code to be complete. I would suggest using a couple of div elements to make the code more readiable, and the main profile container seems to be a bit smaller than the design. In addition you might consider add a few code comments within both the HTML and CSS files in order to make it easier to follow your code.

  • Christian Dong•30
    @namdtfu
    Submitted 8 months ago

    blog-preview-card-main

    2
    PatLatting•70
    @PatLatting
    Posted 8 months ago

    Your solution looks very good, it matches the design pattern and having completed this challenge it also looks very close to mine. Your code is readable, however I would suggest adding code comments to make it easy to undestand each section of your code an what purpose the section is intened to perform. The layout is mobile responsive an appears to look good on different screen sizes. The active state for the title on hover looks good, but you might consider changing the cursor to a pointer, in the preview it looked like the active state showed a pointer.

    Marked as helpful
  • Elvis Espinoza Navarrete•50
    @elvisEspinozaN
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of creating a responsive design that works well for both mobile and desktop views, ensuring a clean and polished layout. The CSS, particularly the mobile-first approach, came together nicely and gave me confidence in handling basic responsiveness. Next time, I’d like to experiment with more complex CSS techniques, such as animations or advanced grid layouts, to push my skills further.

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

    The biggest challenge was working with CSS and understanding how to structure the base styles while implementing responsive designs. I struggled with selecting the right properties for certain elements and ensuring consistency across breakpoints. By focusing on the fundamentals, such as Flexbox and media queries, I was able to overcome these issues step by step and gradually build the design.

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

    I’d like help with improving my overall CSS, particularly in writing efficient and maintainable code. Feedback on my use of media queries and best practices for scaling designs across various screen sizes would be invaluable. Additionally, I’d love suggestions for organizing CSS in a way that makes future projects faster and easier to manage.

    HTML5, CSS, Flexbox, and Mobile-first workflow

    #pure-css
    2
    PatLatting•70
    @PatLatting
    Posted 8 months ago

    I like the look of your code, the structure appears to be readable. I did observe that your solution does seems to have a card component that is a bit bigger than the design. Adjusting the size of the QR code image might correct this. You may also consider changing the size of margins or padding. These suggestions may help to reduce the size of the card component.

  • eminentbit•30
    @eminentbit
    Submitted 8 months ago

    Responsive QR-code card. Use flex-box display and media quries

    1
    PatLatting•70
    @PatLatting
    Posted 8 months ago

    Your solution for this challenge is readable and well-structured. My only comment is the solution appears to differ from the design in size. My only suggestion would be to examine the Figma design file an check the dimensions for the card container. This could assist you in matching the proper dimensions for the card. Hope this helps.

    Marked as helpful
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