wellfedbison/nancypannikkat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adde preview about img

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
about.html
View File

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

10
css/general.css
View File

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

BIN
img/profile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB