From the course: CSS: Combining Grid and Flexbox

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Media objects for mobile

Media objects for mobile - CSS Tutorial

From the course: CSS: Combining Grid and Flexbox

Start my 1-month free trial Buy for my team

Media objects for mobile

“

- [Instructor] The media object pattern, usually refers to a two column box with an image on one side and descriptive text on the other. Think a Facebook post or a tweet. The media object is characterized by media, like a photo and icon or video. This appears on one side, typically the left and accompanying content appears on the other. It can be similar to a web card, but typically the focus is on the media and the text. You can find this pattern all over the web. For our project, we'll be using media objects in our action section. Here is where we are letting the viewers know that something important needs to change. So we want to ensure that our information is attractive and easy to discern. We can actually create these media objects using Flexbox or grid. Both will allow us to handle this seamlessly. And sometimes one isn't really better over the other, they both just work. At the small screen, these will stack on…

Contents