Background & Structure

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

We styled the body with a display of flex and centered everything vertically and horizontally, because now you will make the background/canvas for the page. We will have a div with a width and height of 95% and later on, we will have the following structure

The top part of our website will be a section called profileInfo and the bottom will be posts, after that we will start splitting each of them into more parts.

Challenge

Easy

Enter a title tag in the head part of the HTML with a title of Instagram
Inside the body tag in the index.html create a div with the id background. Keep it empty for now
Style the div using its id in the styles.css with a height and width of 95%.
A background property with a value of white
And a border-radius of 15px

Try it yourself

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