Welcome to the CSS challenge! The goal of this challenge is to recreate the flag of Laos using only the available HTML elements, without adding any classes, IDs, or extra elements. Your creativity and CSS skills will be put to the test!
This challenge is inspired by the original challenge from the App Brewery GitHub Repository.
- HTML Structure: You must use the following HTML structure provided below. Do not make any changes to it.
<body>
<div class="flag">
<p>The Flag</p>
<div>
<div>
<p>of Laos</p>
</div>
</div>
</div>
</body>-
CSS Challenge: Your task is to use CSS to create the Flag of Laos within the given HTML structure. You can achieve this by combining selectors and using CSS specificity effectively.
-
Flag Dimensions: The flag should have dimensions of 900px by 600px, and the circle within it should be 200px by 200px.
-
Color Reference: You can use CSS inspection tools to get the exact colors from the original flag, which can be found at Flag of Laos.
- Hint 1: Remember that the flag is 900px by 600px, and the circle is 200px by 200px.
- Hint 2: Utilize CSS inspection to extract the colors from the original flag.