Submitted almost 2 years ago
Responsive product preview card using Bootstrap 5
@harnettd
Design comparison
SolutionDesign
Solution retrospective
- This is a bit of a technical one, but here goes: for responsiveness, I used Bootstrap 5 which has its smallest breakpoint set to 576px. However, in my styles.css file, I had to use a breakpoint of 620px to get a seemless transition between desktop and mobile. I found the 620px value by trial and error. Initially, I'd assumed that I needed a breakpoint of 575px to match up with Bootstrap. Can anyone explain the discrepancy? Thanks in advance.
Community feedback
Please log in to post a comment
Log in with GitHub
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