Computer scienceFrontendCSSAdvanced features

Box-Shadow

Theory

The Flag

Report a typo

Now that you are familiar with the box-shadow property, let's take up a challenge and make a flag of France!

You will need two shadows, each of a different color. Use the hex colors #0055A4 for blue and #EF4135 for red. First write down the left shadow and then the right one.

Your flag must look like this:


The French flag with darkblue border

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Flag</title>
</head>
<body>
<div class="main-container">
<p class="flag"></p>
</div>
</body>
</html>
Completed 4 of 5
The element has 2 shadows; The left shadow has a blue color; The right shadow has a red color.
The code is valid; The "background-color" of the <body> tag has the correct value.
___

Create a free account to access the full topic