I'd like some help on this

1

Hey guys!

So I’m doing a project on freecodecamp and I want to align several items on the header. There’s a header image, a title and some buttons. I’m using the display: flex property as well, but I want that the buttons stay on the right side of the screen and the image on the left, with the space in between decreasing or increasing as the screen is resized. I can’t figure out how to do it though, so I’d really appreciate it if someone could help me out! :slight_smile:

Thanks!

1 Like
2

Note how you use singular/plural form here - it is a key for the solution to your problem. Wrap buttons in additional div and use justify-content: space-between;. Think of wrapping as grouping