Question

how to make a indian flag by html in notepad?​

Answer 1

Answer:

In this article, we will design an animated flag of India using HTML and CSS. As we know that our Indian flag has three colors saffron, white and green and there is also a wheel at the center of the white part. So let’s build the Indian flag. Here we will also create a stick of the flag. So first create a wrapper div (class named wrapper) that holds two divs class named stick and flag.

<div class = "wrapper">

<div class="stick"></div>

<div class="flag"></div>

</div>

The stick and the flag should be inline so we make the wrapper div’s display property to flex. And add some height, width, background-color, border styles to the stick, and in the flag, add height, width, box-shadow, background-color, and position properties.

.wrapper {

display: flex;

}

.stick {

height: 450px;

width: 10px;

background: black;

border-top-left-radius: 10px;

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

}

.flag {

width: 270px;

height: 180px;

box-shadow: 0px 0px 90px 1px #989;

background-color: transparent;

position: relative;