Submitted 27 days ago

Semantic HTML5 markup, CSS custom properties, Media queries

Bashir Salisu• 10

@Billions-tech

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

what i am most proud of is my confidence in my ability to write pure CSS codes and it was really easy doing it. my confidence is lit and i look forward to the next challenge and explore more areas i can apply my skills. thank you again

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

well one of the problems that i faced was designing the layout for mobile view because its been a while since i optimized a website, i was just persistent in trying to get it right until i finally did. im so glad

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

id still like for the mobile and desktop layout to be reviewed and possible learn from your corrections, thank you.

Community feedback

Srujana Killi• 30

@Srujana-devi

Posted 23 days ago

Update the href="#" in the attribution to your actual portfolio or GitHub page, or another relevant link, to personalize the project.

Make sure to test how your project looks on different screen sizes and devices. Since you already have the meta viewport tag, ensure that your CSS file (index.css) contains appropriate media queries to handle different resolutions.

Add the loading="lazy" attribute to your <img> element to improve loading performance for the image. This will defer the loading of the image until it is needed.

Marked as helpful

Please log in to post a comment

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