https://codepen.io/rodchsm/pen/POmBje
Does anyone know why I cant get three images across the webpage and the text under the image to center?
@rodchsm this css:
.featuredimage {
text-decoration: none;
vertical-align: bottom;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.featuredimage a{
flex-basis: 33%;
text-align: center;
}
.featuredimage a img {
border: 1px solid #000000;
width: 30%;
margin-right: 1%;
clear: right;
border-radius: 5px;
margin-left: 2%;
/* float: left; */
/* display: block; */
}
will help you have them as you want