mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-31 17:41:42 +02:00
Code Issues Releases Wiki Activity

Tweak the pattern page

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-03-30 15:39:49 +07:00
parent f334b7208d
commit 65eec005cb
4 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/index.css
View File

@@ -30,6 +30,7 @@ code {
}
.content {
display: flex;
margin: 1rem 0;
}
.main {
flex: 1;
@@ -60,7 +61,7 @@ code {
object-fit: cover;
width: 24rem;
}
.hreo__heading {
.hero__heading {
color: var(--text-color);
font-size: 3rem;
margin: 2rem 0;
@@ -78,18 +79,18 @@ code {
@media (min-width: 640px) {
.sidebar {
display: block;
flex: 0 0 10rem;
flex: 0 0 8rem;
margin-left: 0.5rem;
}
}
@media (min-width: 768px) {
.sidebar {
flex-basis: 12rem;
flex-basis: 10rem;
}
}
@media (min-width: 1024px) {
.sidebar {
flex-basis: 16rem;
flex-basis: 12rem;
margin-left: 1rem;
}
}