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.
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.
@Dutchman thank you so much! Creating a new flex-container and direction worked perfectly!
@zmobergca You’re welcome! I’m glad I was able to help out. Best of luck in your coding journey my friend!