timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53: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 -->
<!-- TODO: FIX BLOG CSS!!!!!!!!! -->
<section class="centered">
<div class="centered">
<h1 class="blog" data-aos="flip-down">Work In Progress</h1>
<div class="blog_row">
<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>
</section>

23
css/styles.css
View File

@@ -168,10 +168,22 @@ html {
}
/* 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 {
background: grey;
width: 900px;
height: 1800px;
width: 250px;
height: 250px;
border: 150px;
border-radius: 20px;
line-height: 1.5;
@@ -180,11 +192,12 @@ html {
font-weight: 520;
text-shadow: none;
box-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
transition: all 0.2s ease-in-out;
}
.blog__header {
font-size: 12vw;
font-weight: 400;
.blog:hover {
transform: scale(1.1);
cursor: pointer;
}
@media only screen and (max-width: 1024px) {