Making Modals Responsive

Hi there! I’ve just created my first-ever website, and I’m struggling with using modals within Bootstrap columns. I’ve created a left-hand sidebar with a class of col-md-2 and col-sm-4 and then another column with classes col-md-10 and col-sm-8 for the main content section of the site; within this main content section I added 6 modals (2 rows of 3). But if you take a look at my website and reduce your screen size, you’ll see the modal images move out of order and overlap!

https://github.com/angiespoto/cv_portfolio

https://angiespoto.github.io/cv_portfolio/

Does anyone have any advice?

Hi @angiespoto,

This post was moved to a different board that fits your topic of discussion a bit better. This means you’ll get better engagement on your post, and it keeps our Community organized so users can more easily find information.

As you’ll notice, your Topic is now in the Pages board. No action is needed on your part; you can continue the conversation as normal here.

Cheers!

1 Like