- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Media Object
Description
It is used to add media objects such as images, videos, blog comments, etc, which can be placed left or right of the content block.
The following table lists the some of the media object features −
| Sr.No. | Feature & Description |
|---|---|
| 1 | Basic Media Object
It adds media objects along with the content. |
| 2 | Section Alignment
Align the sections with middle or bottom aligned. |
| 3 | Stack on Small
It makes media object responsive with width of 100%. |
| 4 | Nesting Media Objects
You can nest the media object inside another media object section. |
| 5 | Sass Reference
You can change the styles of the components by using SASS variables. |
foundation_containers.htm
Advertisements