вроде написано, что изначальные стили менять не нужно, я на этом потерялся…
body {
width: 550px;
margin: 0;
padding: 0 10px;
}
.image-map {
display: flex;
flex-wrap: wrap;
background-color: navy;
width: 290px;
height: 290px;
margin: auto;
padding: 5px;
border-radius: 20px;
}
img {
margin: auto;
border: 5px solid;
border-radius: 50%;
}
.pic-1 {
border-color: blueviolet;
}
.pic-2 {
border-color: coral;
}
.pic-3 {
border-color: crimson;
}
.pic-4 {
border-color: deepskyblue;
}
я сделал так, кратко 100%
1 лайк
2023, время шло, а они всё не смогли поставить курсы в правильной последовательности чтобы можно было выполнить это задание не заходя на форумы в подсказки
body {
width: 550px;
margin: 0;
padding: 0 10px;
border-color:navy;
}
.image-map {
display: flex;
flex-wrap: wrap;
width: 290px;
height: 290px;
margin: auto;
background-color:navy;
border-radius: 20px;
padding: 5px;
}
.pic-1{
border-radius: 50%;
border-color: blueviolet;
}
.pic-2{
border-radius: 50%;
border-color: coral;
}
.pic-3{
border-radius: 50%;
border-color: crimson;
}
.pic-4{
border-color: deepskyblue;
}
.pic-1 .pic-2 .pic-3 .pic-4, img {
border-radius: 50%;
border:5px solid black;
margin:5px;
2 часа просидела, но с подсказкой найденноздесь получилось 100%.