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

Basic positioning and centering techniques plus flexbox.

@robertdouglasaimon

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?

I think I would make the scope to adapt according to the screen as soon as I already had the object almost 100%, because responsiveness is something that if left until the end... It could become a future headache, depending on the scope from the project. I'm proud that I managed to do almost everything without using a lot of research. Because CSS has a lot of properties and whether we like it or not... We end up needing to do research here and there. And in this project, I researched almost nothing, so it was very satisfying to finish it.

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

For me, positioning elements in the center of a DIV (Using flexbox in general...) is always a challenge... So, making everything organized was definitely a challenge! But it was easy and fun to do.

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

At this moment, for this project, just the "source" that I can't make work in any way! It was frustrating (I tried using font face, importing, applying inline directly to the tag... Anyway, without success!). If someone could explain to me why it didn't work, I would appreciate it, because apparently there is nothing wrong with the import entry, nor with the source ttf file, and in fact, it doesn't work.

Community feedback

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