andras/fizika
andras/fizika
Watch
1
0
Fork
You've already forked fizika
 0
Code Issues Pull requests 6 Projects Releases Packages 1 Wiki Activity Actions

Fix mobile view

Browse source
This commit is contained in:
Andras Schmelczer 2026-10-27 21:00:24 +00:00
commit dd8ab2ac26
1 changed files with 92 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

72
frontend/css/fizika.css
View file

@ -218,40 +218,57 @@ h4 {
@media only screen and (max-width: 1000px) {
body {
font-size: 1.75em;
font-size: 1em;
}
h1 {
font-size: 7em;
font-size: clamp(2.5rem, 8vw, 5rem);
}
h1:hover {
text-shadow: none;
}
#wrapper {
width: 90%;
width: 95%;
}
.szoveg {
width: 90%;
width: 100%;
}
.buttonwrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75em;
margin: 1em 0;
}
#numberof {
font-size: 0.6em;
}
img {
max-width: 400px;
font-size: 1rem;
width: 100%;
min-height: 44px;
padding: 0.5em;
}
select {
font-size: 0.8em;
width: 30%;
font-size: 1rem;
width: 100%;
min-width: 0;
min-height: 44px;
padding: 0.75em;
}
hr {
border-bottom-width: 4px;
width: 50%;
width: 70%;
}
.menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
li {
font-size: 1.75em;
padding: 0.25em;
font-size: 1rem;
line-height: 1.5;
padding: 0.75em 0.5em;
}
p {
font-size: 0.75em;
font-size: 1rem;
line-height: 1.6;
text-align: left;
}
p:first-of-type {
padding-top: 0.5em;
@ -261,12 +278,31 @@ h4 {
}
#tablazat {
font-size: 0.8em;
font-size: 0.875rem;
overflow-x: auto;
}
#temak {
flex-direction: column;
}
.fele {
width: 100%;
}
.main {
font-size: 1.25rem;
}
.mbcheck {
font-size: 0.75em;
font-size: 1rem;
}
#bal {
#bal,
#jobb {
float: none;
margin-left: 0;
}
#state,
#state2 {
font-size: 1.25rem;
}
#percentage {
font-size: 2rem;
}
}