Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 months ago

Responsive page using Flexbox

Brandon Dalton•30
@dabigin
A solution to the QR code component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I'm glad that I got through the challenge to the end. I learned quite a bit, even about how to work with markdown, when I was doing the finishing touches.

I still have quite a way to go, and this challenge showed me I have much to learn still. Having to use search and Youtube to figure out why I'm missing something or how to do something is definitely going to make things easier the more I work on challenges.

Along the way, the following websites helped when I was stuck: Google Search Youtube CSS Tricks W3 Schools Mozilla Developer Network Stack Overflow

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

I had challenges when it came to getting the page to look right in terms of centering the card on the page. I wound up looking at CSS tricks A guide to flexbox, along with searching through W3 Schools and MDN, it helped but I still had problems.

I even looked on stack overflow, but since I'm still new I struggle with exactly what termonology to use, in order to get help with the problems I had getting the page to look right. Ultimately, I had to watch a video someone made about the solution. Not really the way I wanted to figure it out, but it introduced me to a new way to deal with responsive page stuff.

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

I would like to know exactly where in the CSS I can declutter. It dawned on me that I may have had stuff in my styles.css file that I may not need because it's already on the page via other selectors. Along with what is there that doesn't need to be there. I think that things will become clearer as time goes on.

I also haven't completely figured out the best practices for responsive website design, which I'm sure I'll figure out while doing these challenges. Thanks so much for creating this website to help people.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Brandon Dalton's solution.

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

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