log101/acayip-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix responsive design

Browse Source
This commit is contained in:
log101 2024-08-28 18:51:32 +03:00
parent f3ace0f1a4
commit 59f80eafc4
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -7,11 +7,11 @@
<style> <style>
a { a {
text-decoration: none; text-decoration: none;
color: black; color: white;
} }
a:hover { a:hover {
color: black; color: white;
text-decoration: underline; text-decoration: underline;
} }
@ -174,7 +174,7 @@
width: 290px; width: 290px;
display: grid; display: grid;
grid-template-columns: 141px 141px; grid-template-columns: 141px 141px;
grid-template-rows: 340px 160px 160px; grid-template-rows: 352px 160px 160px;
gap: 8px 8px; gap: 8px 8px;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-areas: grid-template-areas:
@ -199,7 +199,7 @@
height: 160px; height: 160px;
transition-property: opacity; transition-property: opacity;
transition-duration: 500ms; transition-duration: 500ms;
opacity: 0.3; opacity: 0.8;
} }
.app-disabled { .app-disabled {
@ -223,17 +223,17 @@
.app1 { .app1 {
grid-area: app1; grid-area: app1;
padding: 20px 0; padding: 0 0;
} }
.app2 { .app2 {
grid-area: app2; grid-area: app2;
padding: 20px 0; padding: 0 0;
} }
.app3 { .app3 {
grid-area: app3; grid-area: app3;
padding: 20px 0; padding: 0 0;
} }
} }
@ -249,6 +249,16 @@
.app-disabled { .app-disabled {
border: 1px solid black; border: 1px solid black;
} }
a {
text-decoration: none;
color: black;
}
a:hover {
color: black;
text-decoration: underline;
}
} }
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />