3 column preview card component using HTML5, SASS, BOOTSTRAP 5
Design comparison
Solution retrospective
1. I want to know that how to remove the blue outline in buttons while clicking on them, as I am using bootstrap5.
-
How to improve in my projects?📖
-
Feed backs are most welcome!😊
Community feedback
- @UfukDulgerPosted over 3 years ago
Hey looks good. You can add white border for buttons. You can add border-sizing:border-box in your body element it makes things easy for you.
Marked as helpful1@iamsayantanipatraPosted over 3 years ago@UfukDulger thank you so much for the advice!
0 - @erickaruguPosted over 3 years ago
Hello Sayantani👋,
Good job! Your solution looks splendid. Regarding the blue border, Bootstrap has a box-shadow CSS style for buttons in focus state:
.btn:focus{ box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%); } So overriding this by setting it to none, i.e box-shadow: none or tweaking it to your liking will get you there.
Happy Coding!
Marked as helpful0@iamsayantanipatraPosted over 3 years ago@erickarugu32 thank you so much for your help. I will try to update my project again!
0
Please log in to post a comment
Log in with GitHubJoin 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