Beginner help with layout

[burton666]

I am trying to replicate the main layout so that it looks like this:

https://ibb.co/f8LE8n

I am focusing on the middle part right now but do not really understand how to get the round images alligned like the mockup. I think I managed the first which should be alligned to the left but am having trouble making the others centered and right alligned.

I also would not like the text in the different articles to “spill” over to the other collumns. It should stay in one column each.

This is what I got so far:

https://codepen.io/burton666/pen/yjXdyO

I would also appreciate any other tips and pointers.

[Paulie_D]

You might start here…

https://stackoverflow.com/questions/36913730/css-cut-out-circle-from-a-rectangular-shape

[Author]

Posts