nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-02-17 02:34:18 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

AboutUs - Optimize CSS

Browse source
This commit is contained in:
Matthew Patrick 2021-09-13 12:21:09 +07:00
parent eed7a314e7
commit a4f39c906b
1 changed files with 21 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
about-us.html
View file

@ -27,23 +27,35 @@
border-bottom-right-radius: 20px;
}
video {
opacity: 0.5;
}
@media {
.card {
width: 70%;
margin: auto;
}
}
.card-img-overlay {
position: absolute;
text-align: center;
}
br {
display: block;
content: " ";
}
@media only screen and (max-width: 600px) {
.card-img-overlay {
position: absolute;
text-align: center;
top: 3%;
}
br {
display: block;
margin: 1px 0;
line-height: 1px;
content: " ";
}
.card-img-overlay {
position: absolute;
text-align: center;
}
.card-img-overlay h1 {
@ -61,21 +73,12 @@
@media only screen and (min-width: 600px) {
.card-img-overlay {
position: absolute;
text-align: center;
top: 10%;
}
br {
display: block;
margin: 10px 0;
line-height: 10px;
content: " ";
}
.card-img-overlay {
position: absolute;
text-align: center;
}
.card-img-overlay h1 {
@ -93,16 +96,12 @@
@media only screen and (min-width: 768px) {
.card-img-overlay {
position: absolute;
text-align: center;
top: 5%;
}
br {
display: block;
margin: 20px 0;
line-height: 20px;
content: " ";
}
.card-img-overlay h1 {
@ -120,16 +119,12 @@
@media only screen and (min-width: 992px) {
.card-img-overlay {
position: absolute;
text-align: center;
top: 5%;
}
br {
display: block;
margin: 30px 0;
line-height: 30px;
content: " ";
}
.card-img-overlay h1 {
@ -147,16 +142,12 @@
@media only screen and (min-width: 1200px) {
.card-img-overlay {
position: absolute;
text-align: center;
top: 10%;
}
br {
display: block;
margin: 50px 0;
line-height: 50px;
content: " ";
}
.card-img-overlay h1 {
@ -171,17 +162,6 @@
font-size: 17pt;
}
}
video {
opacity: 0.5;
}
@media {
.card {
width: 70%;
margin: auto;
}
}
</style>
</head>
<body>