Styling HTML & Body

Lesson 2 of 16 in Coddy's Instagram Page Clone | Front-End Project course.

In this course, you are making a copy/clone from the default Instagram page design, so unfortunately you don't have as much freedom for creativity, but instead you are following steps, which will help you learn some crucial approaches when creating websites.

The first thing that we have to do, to get an optimal look of the website is to prepare the HTML, CSS, and background styling in the styles.css file

Challenge

Easy

Style the body tag to have a padding of 0, a flex display, center the items using justify-content, center the items using align-items, set a background of lightgray, and finally set the font-family to sans-serif to get that social-media font look

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>