Flex-based Responsive QR Component

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

• Proud of: Implemented my first FM proj, Yey!
• What I would do differently next time:
  • Implement with CSS Grid.
  • Use class names instead of nested CSS selectors.
  • Use relative units instead of absolute units.

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

• Challenge: Making the component responsive below 375px and preventing it from overflowing the parent (body).
• Solution: Set the QR component width to 100%, and set a max and min-width.

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

• What is the appropriate HTML element for the QR component to adhere to semantic HTML?
• Is it acceptable to use only nested element selectors, or is it better to use class selectors?
• Should responsiveness for screens smaller than iPhone SE (375px) or Galaxy Z Fold (344px) still be considered?

Thank you