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

The first website design with positioning - basic css and html

Garoo0 10

@Garoo0

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?

The greatest thing is that i made it to the end with at least good result (from my view). I would like probably have separated css code from html and maybe arrange code in a more readable way.

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

I had big problems with centering content on page. I used to learn some flex and grid so i tried to push it even if it wasn't helpful in my case. Finally i gave up and found on the internet easier way with "margin".

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

I'm not sure about arranging elements properly in html or if i used them efficiently (it works but can it be made better?). I used "div" and placed in it other things. Is this okey or is there more efficient way in projecting it.

And finally i gave up but is there a way to made this challenge with grid or flex? Because when i tried, rows in grid expanded my website so, it looked bad. On the other hand with flex i was unable to move my content to center (after setting flex-direction to column)?

Thanks for any help😁

Community feedback

Aster 10

@asterparedes

Posted

Good job!

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