Finished blogs
This commit is contained in:
parent
42c4281276
commit
af69ba98ba
18 changed files with 311 additions and 19 deletions
36
src/components/blog-card/BlogCard.css
Normal file
36
src/components/blog-card/BlogCard.css
Normal file
|
@ -0,0 +1,36 @@
|
|||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.blog-card {
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-card {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.blog-card-img {
|
||||
background-color: #FFFFFF;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.blog-card-info {
|
||||
padding-bottom: 5px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.blog-card-int {
|
||||
border-radius: 10px;
|
||||
background-color: #1a1a1e;
|
||||
transition: 1s;
|
||||
}
|
||||
|
||||
.blog-card-int:hover {
|
||||
transform: translateY(-5px);
|
||||
transition: .5s;
|
||||
cursor: pointer;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue