Responsive 3-column preview card usnig bootstrapv5

Please log in to post a comment
Log in with GitHubCommunity feedback
- @RioCantre
Hello there! Good job in completing this challenge. Regarding your solution, I would like you to notice the following…
- Adjust the margin in
.btn-style1
ruleset intomargin: 1.25rem auto;
- Adjust the border of the boxes when in mobile viewport state
- Instead of
div
, alternatively wrap the whole content withmain
tag . Use semantic tags, for HTML structures, refer it with this one Semantics - Clean the whitespaces in the code
- Add the
border: solid hsl(0, 0%, 95%);
in the.btn-style1
and not on the hover, apply the same on the other buttons
Other than that...
- The project is responsive and utilized the details based on the original design
- The hover state is working well
- The CSS file is well organized and proper usage of sizing elements
- The HTML structure is organized but lacks of semantic tags
Above all, the project is done well. Keep up the good work! Cheers!
Marked as helpful - Adjust the margin in
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