Skip to content
Submitted 3 months ago

Frontend Mentor HelloWorld example with Flex

Stefan W.•130
@stewil87
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Should have used a grid, but I saw this more as a canvas, then a real website.

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

challenging was the figma stuff without proper dev mode. In Prototype mode I suffer...

Community feedback

  • MikDra1•6,920
    @MikDra1Posted 3 months ago

    Hi, here are some tips from me:

    • Code Structure: The code is well-organized with a clear separation of concerns between HTML and CSS, which enhances readability and maintainability.
    • Design Aesthetics: The design is clean and modern, with effective use of color, typography, and spacing. It follows a minimalist approach, which works well for the purpose.
    • Accessibility: Consider adding alt attributes for images and ensuring text contrast ratios are sufficient for readability.
    • Scalability: The project could benefit from modularizing CSS for easier updates and scalability.
    • Responsiveness: Implement media queries for improved mobile and tablet views.

    Hope you find this comment helpful 💗

    Good job and keep going 😁😊😉

    Marked as helpful
    0
    Stefan W.•130
    @stewil87Posted 3 months ago

    @MikDra1

    Thank you for your reply :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord