css 1.docx
- 1. *{
padding: 0;
border: 0;
color: rgb(244, 239, 239);
}
.contenedor1{
background: chartreuse;
padding: 20px;
height: 680px;
}
.header{
background: blue;
display: flex;
padding: 10px;
height: 20%;
margin: 10px;
}
.logo img{
background: coral;
width: 120PX;
height: 30px;
margin: 10px;
}
.banner img{
background: cadetblue;
width: 120px;
height: 50px;
margin: 10px;
}
.login img{
background: rgb(17, 229, 237);
width: 120px;
height: 70px;
margin: 10px;
}
.arti{
background: rgb(237, 17, 160);
width: 220px;
height: 90px;
margin: 10px;
display: flex;
}
.arti1{
background: rgb(171, 237, 17);
width: 30px;
height: 70px;
margin: 10px;
}
.arti2{
background: rgb(171, 237, 17);
width: 30px;
height: 70px;
margin: 10px;
}
- 2. .aside{
background: rgb(171, 237, 17);
width: 320px;
height: 120px;
margin: 10px;
}
.aside1{
background: rgb(226, 7, 7);
width: 100px;
height: 45px;
margin: 10px;
}
.aside2{
background: rgb(135, 61, 61);
width: 100px;
height: 45px;
margin: 10px;
}
.nav{
background: red;
height: 50%;
display: flex;
justify-content: end;
align-items: center;
padding-right: 50px;
margin: 10px;
}
.link{
text-decoration: none;
margin: 1% 3%;
font-size: 1em;
}
.link:hover{
background: rgb(240, 244, 10);
}
.secciones{
height: 50%;
background: rgb(240, 244, 10);
margin: 10px;
padding: 10px;
display: flex;
}
.izquierda {
width: 30%;
background: blueviolet;
}
article{
padding: 10px;
width: 30%;
background: coral;
}