Skip to content
Submitted 5 months ago

My first html/css solution using Flexbox

pure-css, accessibility
pluggeryder•30
@pluggeryder
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Proud of my first actual web page

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

While using Flexbox the content inside the body couldn't move with justify-content I overcame that with changing html and body width to 100% and margin to 0

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

-is there's anything I'm missing -how can I improve my code structure -how can I get h2 text to look closer to the original design

Code

Please log in to post a comment

Log in

Community feedback

  • Zahra Ehsani•110
    @ehsanidev
    • Semantic HTML: Consider using semantic elements like <main> and <footer> for better structure and accessibility. Also, improve the alt text for the QR code image to be more descriptive.
    • CSS Improvements: Use CSS variables for colors to make the code more maintainable, and simplify Flexbox alignment in the .container class.
    • Code Maintainability: Add comments to explain sections of your code and consider linking your portfolio or GitHub in the attribution section instead of using a placeholder (#).
    Marked as helpful

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