Explain what the following CSS code does. Number Code…

Explain what the following CSS code does. Number Code Does What? 1. #one{        display:block;        background-color: aqua;        width:300px;        height: 400px;            }   2. .two{        display:none;        background-color: #cbb228;        width:300px;        height: 400px;            }    3. h1 {   background-color: chartreuse;    margin: 7%;    border-radius: 20px; }   4. #content p::first-line {    background-color: yellow;}   5. flex-container {    display: -webkit-flex;    display: flex;    justify-content: center;    width: 400px;    height: 250px;    background-color: lightgrey;}   6. flex-container {    display: -webkit-flex;    display: flex;    flex-direction: column;}   7. :root {    –tan: #efc081;    –green: #00ff00;    –navbar_color: #a7d2f2;}   8. #navbar {    background: var(–navbar_color);}   9. .grid {    display: grid;    grid-template-columns: 200px 1fr;    grid-template-rows: 40px auto 40px;      grid-gap: 20px;    justify-content: center;}   10. body {  background-image: url(“gradient_bg.png”);}   11. body {  background-image: url(“gradient_bg.png”);  background-repeat: repeat-x;}   12. body {  background-image: url(“gradient_bg.png”);  background-repeat: repeat-y;}    

You have the following image file you want to put on an HTML…

You have the following image file you want to put on an HTML page. ducksmall.png – used for phone display duckmed.png –  used for tablet display ducklarge.png – used for desktop display Write the correct HTML to put these images on the page so that the correct image will be used for the correct device.