After spending all day researching flexbox and vertical align, I still can't figure out how to align an image to the right in my bootstrap column with text wrapping around it on the left. Check out what I've tried so far here: https://codepen.io/Seaplush/pen/rKVLmX
Here's a snippet of my code:
.col2 img{
max-width: 100%;
height: 50%;
float: right;
}
.col2{
background-color: #cccccc;
height: 50vh;
display: flex;
flex-wrap: wrap;
align-items: center;
}
If anyone could provide guidance or tips on how to achieve this layout, I would greatly appreciate the help. This is my first attempt at building a website, so please excuse any messiness in my code!