@Artiqq
Latest solutions
Latest comments
- @Dacardonac@Dotzin
Goog
- @brianlagrandaWhat are you most proud of, and what would you do differently next time?
I'm most proud of the pixel-perfect results I achieved on this project. Next time, I would avoid spending too much time looking for new ways to handle font sizing on different devices. Since I'm using TailwindCSS, I can easily manage responsive designs with their built-in utilities, like sm:, md:, and lg: breakpoints, which simplify handling layouts for different screen sizes.
What challenges did you encounter, and how did you overcome them?I focused on making the font responsive for each view without using media queries, as a personal challenge inspired by FrontEndMentor. However, as I mentioned earlier, since I was already using TailwindCSS, I could have easily handled the responsiveness with its utilities, making the process much simpler.
What specific areas of your project would you like help with?Honestly, I'm not sure what I would change in this project. If you have any feedback on areas I can improve or refactor, I would greatly appreciate it. Perhaps I could make the component more dynamic, but that wasn't the main goal of this project.
@Dotzingoog
- @NatSRodWhat are you most proud of, and what would you do differently next time?
I'm proud i was able to finish it in a short amount of time, next time i will be taking a mobile-first approach!
What challenges did you encounter, and how did you overcome them?i was having some trouble when doing the media query because I use width instead of max-width in body, after an easy fix my media query was working fine.
Mobile and desktop QR code using media query and CSS Flexbox
#accessibility#astro#pure-css#tailwind-css#smacss@Dotzingoog
