práce na rezponsivní stránce
This commit is contained in:
parent
ff6c78b83a
commit
2531a400d2
@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Blog o všem možném i nemožném...." />
|
||||
<meta name="keywords" content="Hlavní strana" />
|
||||
<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" />
|
||||
</head>
|
||||
|
||||
|
11
styly.css
11
styly.css
@ -28,10 +28,11 @@ body {
|
||||
/*color: white; } /* bílý text */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media (max-width: 668px) {
|
||||
body {
|
||||
width: calc(100% - 16px);
|
||||
/* width: calc(100% - 16px); */
|
||||
background-image: url(obrazky/white-21.jpg);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@ -75,7 +76,7 @@ a.tlacitko:hover {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media (max-width: 600px) {
|
||||
.flexbox {
|
||||
flex-direction: column;
|
||||
}
|
||||
@ -88,7 +89,7 @@ a.tlacitko:hover {
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media (max-width: 600px) {
|
||||
.clock {
|
||||
display: flex;
|
||||
display: none;
|
||||
@ -111,7 +112,7 @@ a.tlacitko:hover {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media (max-width: 600px) {
|
||||
.flexbox-projekt {
|
||||
width: calc(100% - 16px);
|
||||
flex-direction: column;
|
||||
|
Loading…
Reference in New Issue
Block a user