Responsivní web oprava

This commit is contained in:
Lukáš Kaňka 2024-01-11 21:10:33 +01:00
parent e7ed16a15b
commit 777aa29180
2 changed files with 47 additions and 39 deletions

View File

@ -39,39 +39,39 @@
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<div class="dropdown-content <!-- <div class="dropdown-content
"> "> -->
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th>
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních <a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních
aplikací</a> aplikací</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div>
</div> </div>
<!-- </div> -->
<div class="content"> <div class="content">
@ -101,6 +101,8 @@
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost. nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
</p> </p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>

View File

@ -24,8 +24,14 @@ body {
display: inline-block; display: inline-block;
width: 200px; width: 200px;
height: 20px; height: 20px;
position: static; /* position: static;
text-align: center; text-align: center; */
}
@media screen and (max-width: 600px) {
.menu {
text-align: center;
}
} }
.flexbox { .flexbox {
@ -53,7 +59,8 @@ body {
/* ˇPořadí zobrazení */ /* ˇPořadí zobrazení */
.navigation { .navigation {
order: -1; order: -1;
flex-direction: column; /* flex-direction: column; */
align-self: center;
} }
/* škrývání */ /* škrývání */
@ -62,10 +69,9 @@ body {
} */ } */
/* roletka posuvník */ /* roletka posuvník */
.dropdown-content { /* .dropdown-content {
overflow: auto; overflow: auto; */
max-height: 100px; /* or any other value */ /* max-height: 100px; or any other value */
}
.content { .content {
order: 1; order: 1;