Skip to content
Submitted almost 3 years ago

Responsive Simple Card Columns with CDN Bootstrap CSS

Ahmad Syafiq Aqil Wafi•170
@Syafiqjos
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello everyone! So, this is my first Bootstrap CSS experience. I usually use tailwind css and fortunately I could do tweaking and configuring my tailwind styles in npm. But it's hard and I'm not find a way to customize Bootstrap styling. I use CDN may be that's not right(?). I want to add my custom rounded-4 but I ended up creating my custom css. I still need doing more research about how to do it. Anyway thanks for reading, any feedback will be appreciated. Have a good day!

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted almost 3 years ago

    Hi Ahmad,

    using CDN you cannot customize bootstrap... in this case the only way is to write some css that overwrites it, as you have already done.

    To customize bootstrap you have to use npm, but there are multiple ways:

    Read here -> customize bootstrap

    Happy coding :)

    Marked as helpful
    1
    Ahmad Syafiq Aqil Wafi•170
    @SyafiqjosPosted almost 3 years ago

    @denielden Hi Deniel,

    Thanks for the reference! I'm sorry for being late to reply. I just found youtube tutorial about Bootstrap with Webpack which is really helpful. So, I tried to customize through custom scss which is a great experience.

    Have a nice day!

    1

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