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

QR code component using CSS

Gabe Leal 30

@lealgabe

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 am proud of completing a challenge. It's a mini project completed from start to finish with some struggles in between.

For my next challenge I will need to study the fundamentals a bit more but practicing helps retain the knowledge better.

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

My first challenge was that the container and text elements were not sizing as well as I hoped. I requested help from the Frontend Mentor Discord community and tried again.

They provided me with feedback and resources to read up on.

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

I would like help and resources on CSS best practices so I can approach the nest project with more confidence.

Community feedback

@manishsindur

Posted

Yes, there are several excellent resources available for CSS best practices. Some of the top resources include:

  1. CSS Best Practices GitHub Repository: This repository provides a comprehensive guideline of best practices for front-end projects, covering topics like CSS methodologies, linting, cross-browser compatibility, and more[1].

  2. Kinsta Article on CSS Best Practices: Kinsta's article outlines 14 CSS best practices for beginners, including tips on minifying stylesheets, using preprocessors like Sass, considering CSS frameworks, starting with a reset, and more[2].

  3. Reddit Frontend Subreddit: The Reddit frontend community offers advice on improving CSS styling skills through practice, learning about the CSS box model, specificity, and resources like Front-End mentor for exercises[3].

  4. Apollo13Themes Article on Mastering CSS Skills: This article lists 10 great resources to master CSS skills, including Codecademy courses, Mozilla's CSS documentation, freeCodeCamp's Responsive Web Design Certification, CSS-Tricks blog, Smashing Magazine, CodePen for practice, and Frontend Masters Online Bootcamp[4].

  5. CareerKarma Article on CSS Best Practices: CareerKarma's article emphasizes the importance of CSS best practices for web developers, covering concepts like CSS files, selectors, classes, declaration blocks, and providing resources for learning CSS best practices[5].

These resources offer a wealth of information and guidance to help you enhance your CSS skills and follow best practices in your web development projects.

Citations: [1] https://github.com/andredesousa/css-best-practices [2] https://kinsta.com/blog/css-best-practices/ [3] https://www.reddit.com/r/Frontend/comments/tblqqb/what_are_the_best_resources_to_be_better_at_css/ [4] https://apollo13themes.com/10-great-resources-to-master-your-css-skills/ [5] https://careerkarma.com/blog/css-best-practices/

Marked as helpful

1

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