Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Design, Custom Fonts

@KristinaHorbenko

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Responsive design — I used relative units like rem to make the project adaptable to different screen sizes. Custom fonts — The project uses custom fonts loaded with the @font-face rule. BEM methodology — I applied the BEM (Block, Element, Modifier) naming convention for CSS classes to improve code maintainability. Tags: Responsive design Custom fonts BEM methodology

Community feedback

Jennifer 70

@x3blondie

Posted

Nice! BEM naming convention is a great habit!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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