kankys/lukas-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

práce na rezponsivní stránce

Browse Source
This commit is contained in:
Lukáš 2024-02-26 17:02:12 +01:00
parent ff6c78b83a
commit 2531a400d2
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,7 +7,7 @@
<meta name="description" content="Blog o všem možném i nemožném...." /> <meta name="description" content="Blog o všem možném i nemožném...." />
<meta name="keywords" content="Hlavní strana" /> <meta name="keywords" content="Hlavní strana" />
<meta name="author" content="Lukáš Kaňka" /> <meta name="author" content="Lukáš Kaňka" />
<link rel="shortcut icon" href="obrazky/tux" /> <link rel="shortcut icon" href="obrazky/tux.png" />
<link type="text/css" rel="stylesheet" href="styly.css" /> <link type="text/css" rel="stylesheet" href="styly.css" />
</head> </head>

11
styly.css
View File

@ -28,10 +28,11 @@ body {
/*color: white; } /* bílý text */ /*color: white; } /* bílý text */
} }
@media screen and (max-width: 600px) { @media (max-width: 668px) {
body { body {
width: calc(100% - 16px); /* width: calc(100% - 16px); */
background-image: url(obrazky/white-21.jpg); background-image: url(obrazky/white-21.jpg);
text-align: center;
} }
} }
@ -75,7 +76,7 @@ a.tlacitko:hover {
list-style-type: none; list-style-type: none;
} }
@media screen and (max-width: 600px) { @media (max-width: 600px) {
.flexbox { .flexbox {
flex-direction: column; flex-direction: column;
} }
@ -88,7 +89,7 @@ a.tlacitko:hover {
} }
} }
@media screen and (max-width: 600px) { @media (max-width: 600px) {
.clock { .clock {
display: flex; display: flex;
display: none; display: none;
@ -111,7 +112,7 @@ a.tlacitko:hover {
padding: 10px; padding: 10px;
} }
@media screen and (max-width: 600px) { @media (max-width: 600px) {
.flexbox-projekt { .flexbox-projekt {
width: calc(100% - 16px); width: calc(100% - 16px);
flex-direction: column; flex-direction: column;