HTML and CSS Help: I have an assignment where I need to recreate this image in HTML and
CSS, can you help me do that?
THE IMAGE:
MY HTML:
HomeMenuLocationEventsAbout Us
MY CSS:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
background: rgb(45,210,253);
background: linear-gradient(0deg, rgba(45,210,253,1) 0%, rgba(196,141,96,1) 22%,
rgba(163,121,68,1) 51%, rgba(73,220,255,1) 100%);
justify-content: space-between;
overflow: auto;
}
ul li {
font-family: 'Oxanium', cursive;
text-shadow: 4px 4px gray;
position: relative;
margin: 0 20px;
list-style: none;
display: inline-block;
margin-top : 20px;
padding: 14px;
font-size: 27px;
}
ul li a {
text-decoration: none;
cursor: pointer;
color: rgb(255, 255, 255);
}
ul li a:hover {
background-color: rgb(129, 123, 123);
}.
Measures of Dispersion and Variability: Range, QD, AD and SD
HTML and CSS Help I have an assignment where I need to recreate th.pdf
1. HTML and CSS Help: I have an assignment where I need to recreate this image in HTML and
CSS, can you help me do that?
THE IMAGE:
MY HTML:
HomeMenuLocationEventsAbout Us
MY CSS:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
background: rgb(45,210,253);
background: linear-gradient(0deg, rgba(45,210,253,1) 0%, rgba(196,141,96,1) 22%,
rgba(163,121,68,1) 51%, rgba(73,220,255,1) 100%);
justify-content: space-between;
overflow: auto;
}
ul li {
font-family: 'Oxanium', cursive;
text-shadow: 4px 4px gray;
position: relative;
margin: 0 20px;
list-style: none;
display: inline-block;
margin-top : 20px;
padding: 14px;
font-size: 27px;
}
2. ul li a {
text-decoration: none;
cursor: pointer;
color: rgb(255, 255, 255);
}
ul li a:hover {
background-color: rgb(129, 123, 123);
}
