My code is at https://scrimba.com/scrim/co8ee4e009d5af36e9fb4ec81. Advice much appreciated. It's not the finished article yet.
#Struggling to get activity section to align properly using Flexbox on homepage solo project
glad ginkgo
flat folio
You'll want to add css for each of the divs inside the activities section.
pure warren
Hi @glad ginkgo First, I would suggest you to delete the inline CSS in the images elements in the HTML file; then, has you have a very small image compared to the other two, perhaps you could give the first two images the same width as the third one (259px), and by doing this you will be able to align the three images, even though with different heights.
Just one more thing, in the CSS file, where you set the border-radius for the images, you have
.three-activities img { border-radius: 10%;}
where you should have
.three-activities-container img { border-radius: 10%;