Quiero enseñarles la resolución del desafío que hice. ¿Qué mejoras podría darle al diseño en Css? Ya que, veo que no se me muy estético, además que tuve algunas complicaciones a la hora de diseñarlo.
*CSS *{ padding: 0; margin:0; box-sizing: border-box; }
body {
background-color: #000000;
color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0;
margin:0;
}
header {
margin: 10px;
padding: 10px 20px;
color: #FFFFFF;
background-color: #333333;
border-radius: 5px;
}
header a {
color: #00FF00;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
header nav a {
color: #FF0000;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
.título-blog {
color: #FF4500;
}
.urgente {
color: #19b5d7;
}
footer {
background-color: #355C7D;
width: 100%;
padding: 20px;
text-align: center;
}
footer p {
color: #00FF00;
}
.Listadecanciones {
list-style: none;
padding: 0;
margin: 20px 0;
}
.Listadecanciones li {
margin: 20px 0;
display: flex;
align-items: center;
justify-content: center;
}
.Listadecanciones a {
color: #00FF00;
text-decoration: none;
font-weight: bold;
margin-right: 10px;
font-size: 20px;
}
.Listadecanciones img {
width: 50px;
height: 50px;
margin-left: 10px;
border-radius: 5px;
}