Adde preview about img

This commit is contained in:
James Dinh 2023-01-06 22:16:10 -08:00
parent 43db3ad31d
commit d288575592
3 changed files with 8 additions and 6 deletions

View File

@ -57,8 +57,8 @@
<!-- Main -->
<main>
<div class="about-parent">
<div class="about-img">
<img src="">
<div class="about-profile">
<img class="about-img" src="img/profile.jpg">
</div>
<div class="about-desc">
<h2>Hi, I'm Nancy</h2><br>

View File

@ -151,7 +151,7 @@ header {
}
.slide-img {
max-height: 700px;
height: 75vh;
}
.slide-desc {
@ -167,6 +167,7 @@ li .splide__pagination__page.is-active {
.about-parent {
display: flex;
flex-flow: row wrap;
width: auto;
height: auto;
margin: 20px auto;
@ -177,9 +178,10 @@ li .splide__pagination__page.is-active {
}
.about-img {
width: 400px;
height: 400px;
background: linear-gradient(rgba(10, 14, 18, 0.2) 50%, rgba(104, 104, 104, 0.37) 60%, rgb(188, 188, 188) 100%);
max-width: 400px;
min-width: 300px;
width: 100%;
margin: 10px auto;
}
.about-desc {

BIN
img/profile.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB