How can I align these 3 images?

1

So they are parallel to each other?

https://codepen.io/MatthewC/pen/aLJGjW

2

There are couple solutions, one of them is to use flexbox, which maybe isn’t the best, but it’s simple enough and it’s good opportunity to learn them

Add this to head-padding class

/*Make it flexbox*/
display: flex;
/*Center elements vertically*/
align-items: center;
/*Justify elements*/
justify-content: space-between;

Then you can remove float properties from side images since it won’t do much in flexbox anyway.
Read more about flexboxes here, I recommend checking it out. It can be useful at times

1 Like
3

This website turning learning Flexbox into a game.

1 Like