Tribute project positioning

I have passed all the checkpoints in the project but I am just at a loss. I am trying to position and h1 title to the right of the first image with no luck. I am also trying to align the quote next to the second image. Please help.

1 Like

Hello, @zmobergca

You could make the inner text of your <h1> title “Jon Muir”, an inline element with the <img> inside of the <figure> element you created.

Or what I would do is simply nest the entire <figure> element you created inside a new <div> that is a flex-container with flex-direction: row

You can perform either of the above processes forthe second image and caption to accomplish aligning the <img> elements horizontally with your <h1> title and <h3> caption.

I forked your Pen on CodePen and used CSS Flexbox to accomplish what you were aiming for, take a look at the Forked Pen.

1 Like

@Dutchman thank you so much! Creating a new flex-container and direction worked perfectly!

1 Like

@zmobergca You’re welcome! I’m glad I was able to help out. Best of luck in your coding journey my friend! :zap:

1 Like