Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
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

Desktop view QR code using basic HTML and CSS

@Feyisara2306

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


My code isn't responsive on smaller screen. I've tried setting the height and width of the page to that of the viewport's, but no changes. Any feedback will be appreciated. Thanks..

Community feedback

@Kafayatige

Posted

Hello Feyisara

Well done for completing this challenge.

What you have done is stepping stone.

I think you might find challenges like this easier in the future with Flex box. you can take look at the link I've shared below. It helped during my solution as I had some difficulties also.

Flexbox makes it easy to lay items inside each other and arrange them with ease. its a parent-child relationship layout.

[This will help you understand how flexbox works. I hope you find it useful as well. ] (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

Cheers to more learning!!!

Marked as helpful

1

@Feyisara2306

Posted

@Kafayatige Thank you very much sis, this is very helpful. I will check out the link

0
Abdul 8,540

@Samadeen

Posted

Hey Omo iya mi!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

  • You should use <main class="scan"> instead of <div class="scan">.
  • Go down orderly when you are using the headings h1 down to h2 down to h3 and so on.

This should fix most of your accessibility issues

  • remove the height and width on your * global selector
  • also remove the height on your scan
  • You shouldnt work with fixed heights..

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Marked as helpful

1

@Feyisara2306

Posted

@Samadeen Thank you very much, this helps a lot

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