Personal portfolio flex formatting

Hi there!

I have an issue with some flex display which has started behaving strangely. Any advice from someone who understands flex better than me would be much appreciated!

It is to do with the images in my portfolio section div. They stacked nicely inside (three rows of two) when they were online placeholder images. Now I have replaced them with images of my own screenshots three of them have decided to slide off the bottom on portfolio section.

Are there any suggestions why this may have happened?

Thanks! :slight_smile:

Haiiii there! It’s simply because you have an unclosed anchor element (<a>) where the third placeholder is:

<div class="placeholder">
    <a href="https://placeholder.com"><img src="http://thesoundofantler.com/public/SOA%20PH.png">
</div><!--end placeholder-->

Removing <a href="https://placeholder.com"> seems to fix the issue. I haven’t looked closely at the rest of the code, it may be a good idea if you run your code through an HTML validator to see if there are any other unclosed tags.

Good luck. :slight_smile:

1 Like

Thank you so much! I totally missed that one.
Huge appreciating :smile:

1 Like