Hey all,
I’m working with react-bootstrap in a data vis project, and I’ve decided to use columns along with margin to add a little something extra to my Recipe box project
I’ve been able to do something like this
without too much trouble, but when I change the window size, obviously because I used margin, it goes to this
I initially tried to use a media querie to solve this
@media only screen and (max-width: 768px){
.myWell {
margin: 0;
}
.myWell2 {
margin: 0;
}
}
but it’s not seeming to work. Does anyone have any tips on how I can fix this issue? Maybe there’s a way I can achieve the first design without using margin at all?