Many countries in the world have three-color flags with the bands of color in equal-sized sections. Take, for example, the flag of Belgium: The Belgian flag has three vertical stripes of black, yellow, and red, from left to right.
In this activity, you will be recreating the flags of at least three countries by using HTML and CSS. Here are some countries with flags that have three colors:

Nigeria, Ireland, France, Italy, Ivory Coast, Guinea, Mali, Chad, Romania, Bulgaria, Estonia, Russia, Lithuania, Armenia, Luxembourg, Sierra Leone, Netherlands, Austria, Yemen, Hungary

Steps:

Choose three countries from the list above. At least one flag must have vertical sections, and at least one flag must have horizontal sections. For example, you could choose the flags of France (vertical), Armenia (horizontal), and Nigeria (vertical).
Log in to REPL. it and make a new REPL called Flags.
In the index. html file, create three divs, one for each of your chosen countries.
Give each of those divs a height and width in your index. css file.
In the index. html file, create three divs inside each of your countries. These represent the three colors of the flag.
Give each of those three divs the appropriate color, height, and width.
If the flag is vertical (like the Belgian flag above), you will use the float property to make the three divs side by side.
If the flag is horizontal (like the Armenian flag), you will use the display property instead of float to stack the three divs on top of each other:
display: grid;
Create a line break between each flag by using the appropriate HTML tag.
Your output should look similar to this:

The Belgian flag has three vertical stripes of black, yellow, and red, from left to right.
When you are finished, share the link to your webpage with your teacher by clicking on the share button and copying the link.