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;}
Read DetailsYou 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.
Read Details