Design comparison
Solution retrospective
- Took longer than expected because I was learning Bootstrap.
- Working mostly in the html file saves switching back and forth between html and css. Will be quicker once I know all of the class names and specifics of Bootstrap.
- Layout was challenging because of the different layouts for each screen size.
- CSS Grid can be used to overlay items. Blog post here: http://tomwinskell.simple.ink/.
Community feedback
- @Fable54321Posted 28 days ago
Looking at your live site, I can see some responsive issues. I think this might not have been the best project to start learning bootstrap.
This project has so many different spacings, different layouts at different screen sizes, even without bootstraps I could barely use any cutom mixins/utility classes, because there was so many different things from one section to another or from one device to another.
I think as you say you will get better as you are getting used to bootstrap, but I think it also important to raise the question wether bootstrap is always a good idea. (I don't actually know, genuinely questionning as I don't know much bootstrap.)
Marked as helpful0@tomwinskellPosted 28 days ago@Fable54321
Thanks for the feedback. I went back and made some modifications to my code, tweaked a few things. I believe it's better now. You're right there were so many different spacings and layouts for different screen sizes, it was a little hard to keep track of everything. I feel as though I made very many modifications!
1@Fable54321Posted 28 days ago@tomwinskell didn't look at the code, but just by looking at the site, it looks really good, better than mine actually, maybe I should do some tweakings ahah. Good job, keep up !
0
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