Book
Submodule 4.2: Displaying Content - Media - Alerting Users
Submodule 4.2: Displaying Content - Media - Alerting Users
Completion requirements
- Tables
- Cards
- Images
- Media Object
- Alerting Users
Media Object
Next, we will work with the content on the web page and use the media object classes to style the content in the content rows.
Go to the index.html
, to the first content row
, and replace the content in the second column
containing the description of 85% DARK CHOCOLATE with the following code:
Note the use of the media class and the related Bootstrap classes to style the content.
The above code will create a page displayed as:
Next, we will go to the third row
and replace the contents of the second column
containing the description about Vasilis with the following content:
The above code will create a page displayed as:
Finally, do a Git commit with a message "Images and Media".