Solution: Media Object Alignment
Let’s build a responsive media object layout that aligns an avatar and text side by side on desktop and stacks them centered on mobile using Flexbox and media queries.
We'll cover the following...
We'll cover the following...
Problem description
The .media container holds a 120×140 avatar image alongside a block of text comprising an <h4> and a <p>. The task is to display the image and text side by side with their top edges aligned on viewports wider ...