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:

View source:

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: 

View source:

The above code will create a page displayed as:

Finally, do a Git commit with a message "Images and Media".