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

Semantic HTML5 markup - CSS custom properties - Bootstrap

K-Josh 20

@K-Josh

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


Hello, devs

  • I did build this project on my own but guys please i have a question that has been bodering me is it right to use bootstrap like i feel guilty though it saves me time cuz i practically used it in this project.
  • what i found difficult in this project was adding the colors though it was given yes but i kept on adding this to the various styles for example p{ color: Grayish blue: hsl(220, 15%, 55%)} meanwhile i just had to delete grayish blue and that will be it.

Community feedback

@Khawarmehfooz

Posted

Hey there,

Congrats on completing this challenge! Regarding your question about using Bootstrap, it's perfectly fine to utilize CSS frameworks like Bootstrap to save time and enhance your productivity. They provide a solid foundation and ready-to-use components, especially for larger projects.

However, if you're a beginner in frontend development and CSS is still new to you, I'd recommend attempting these challenges using only CSS. By doing so, you'll have a better opportunity to practice and strengthen your CSS skills. This will enable you to understand the underlying concepts and have more control over your styles.

As for the color issue you faced, you don't need to specify the color name like Grayish blue: hsl(220, 15%, 55%). Simply use color: hsl(220, 15%, 55%); to set the desired color. This will make your code cleaner and more maintainable.

Keep up the great work, and happy coding!

0

K-Josh 20

@K-Josh

Posted

Thanks alot🙏🏽 @Khawarmehfooz

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