Приклад файлу CSS для проєкту з кнопкою
body {
background: #f5f7fa;
padding: 40px;
}
h1 {
font-size: 45px;
font-weight: 700;
margin: 0;
}
h2 {
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.wrapper {
margin: 20px auto;
box-shadow: 5px 9px 20px rgb(0 0 0);
width: 900px;
padding: 30px;
}
#currentPhoto {
margin-top: 50px;
align-content: center;
width: 540px;
padding-right: 24px;
padding-left: 35%;
}
.about-me {
display: flex;
margin-bottom: 30px;
}
.my-info {
margin-left: 20px;
}
.my-description-text {
margin-right: 20px;
}
.my-skills{
display:flex;
flex-direction: row-reverse;
padding-left: 16px;
padding-right: 20px;
}
.bbutton{
position: absolute;
top:15%;
background-color:#0a0a23;
color: #fff;
border:none;
border-radius:10px;
box-shadow: 2px 2px 2px 2px rgb(0,0,0);
margin-left: 45%;
padding: 15px;
}
.bbutton:hover {
background-color:#002ead;
transition: 0.5s;
}
Коментарі
Дописати коментар