Skip to content
Submitted 8 months ago

Meet landing page using Bootstrap 5.3

bem, bootstrap, sass/scss
P
Tom Winskell•180
@tomwinskell
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • 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/.
Code

Please log in to post a comment

Log in

Community feedback

  • P
    Timothé Bissonnette•480
    @Fable54321

    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 helpful

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