timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 19:13:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix blog properties

Browse Source
This commit is contained in:
timmypidashev
2021-10-12 17:21:04 -07:00
parent c66ee24dce
commit 8cb801f51e
2 changed files with 55 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
blog.html
View File

@@ -35,8 +35,43 @@
<!-- Section --> <!-- Section -->
<!-- TODO: FIX BLOG CSS!!!!!!!!! --> <!-- TODO: FIX BLOG CSS!!!!!!!!! -->
<section class="centered"> <section class="centered">
<div class="centered"> <div class="blog_row">
<h1 class="blog" data-aos="flip-down">Work In Progress</h1> <div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
<div class="blog">
<h1>Work In Progress</h1>
</div>
</div> </div>
</section> </section>

23
css/styles.css
View File

@@ -168,10 +168,22 @@ html {
} }
/* blog */ /* blog */
.blog_row {
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 2vw;
margin-bottom: 2vw;
gap: 12px;
flex-wrap: wrap;
}
.blog { .blog {
background: grey; background: grey;
width: 900px; width: 250px;
height: 1800px; height: 250px;
border: 150px; border: 150px;
border-radius: 20px; border-radius: 20px;
line-height: 1.5; line-height: 1.5;
@@ -180,11 +192,12 @@ html {
font-weight: 520; font-weight: 520;
text-shadow: none; text-shadow: none;
box-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15); box-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
transition: all 0.2s ease-in-out;
} }
.blog__header { .blog:hover {
font-size: 12vw; transform: scale(1.1);
font-weight: 400; cursor: pointer;
} }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {