
Design comparison
Solution retrospective
I think that despite taking a really long time to just finish this page, I'm proud that I managed to make it a little close to the reference.
What challenges did you encounter, and how did you overcome them?There's a lot! The bootstrap itself is something I haven't used in a while, especially 5 so I had to use its documentation and lots of researching on google to overcome this hurdle. I learned about the flex on bootstrap and how convenient it is. I also had issues when I deployed this on netlify, I thought it was a deployment issue but turns out I needed d-flex
on that particular div and somehow it was fixed. It worked fine locally where its parent div contained the d-flex, so I'm still a bit lost on this part.
I think I REALLY need help when you click the product, there's a lightbox thing or modal where it shows the product, I can't make the left and right button to work. I also mentioned the d-flex
on the question above and I believe I am still lacking in many parts so any feedback / help is VERY MUCH appreciated!
Community feedback
- @mbank14Posted about 1 month ago
The issue seems to be with calling JavaScript, especially jQuery. There's an error message saying "$ is not defined," which means it's not defined yet. I'm not sure if Bootstrap already includes jQuery or not, but if you add this code to the head section:
Marked as helpful0@ajasmine94Posted about 1 month ago@mbank14 Hi thank you for your response. I was hoping to only make use of purely Javascript for this but just realized that it seems Bootstrap really needs JQuery for the carousels ? (please correct me If I'm wrong)
0@mbank14Posted about 1 month ago@ajasmine94 I think if you use compiled Bootstrap, you need to include jQuery, as some components in Bootstrap require jQuery, as mentioned in the following documentation:.This includes the carousel component, which also requires jQuery.
Marked as helpful0
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