Css für optinale aufgabe 1

This commit is contained in:
Robert
2024-01-24 12:21:20 +01:00
parent 91856073e1
commit c13606c2c1
3 changed files with 49 additions and 17 deletions

View File

@@ -4,15 +4,31 @@
@media screen and (max-width: 600px) {
.bewertungen_mobile::after {
content: '\A';
white-space: pre;
content: '\A' !important;
white-space: pre !important;
}
body{
background-color: #0a3622;
}
#form{
content: '\A';
white-space: pre;
}
#sterne{
content: '\A';
white-space: pre;
}
.grid {
display: grid;
grid-template-columns: auto auto auto !important;
}
.grid_bewertung {
display: grid;
grid-template-columns: 0px 300px auto 0px;
grid-template-columns: 1fr!important;
}
}
@@ -24,7 +40,7 @@
.grid_bewertung {
display: grid;
grid-template-columns: 200px 300px auto 200px;
grid-template-columns: repeat(4, 1fr);
}
img {

View File

@@ -54,20 +54,20 @@
?>
<div class="grid_bewertung">
<div>
<div class="leer">
</div>
<div>
<div class="image">
<img class="bewertung" src="{{$bildname}}" alt="Bild vom Gericht" width= "10" height="10">
</div>
<div>
<h1>{{$gericht->name}}</h1>
<div class="bewertungen_mobile">
<form action="/bewertung_abschicken" method="post">
<form id ="form" action="/bewertung_abschicken" method="post">
@method("post")
@csrf <!-- {{ csrf_field() }} -->
<label for="sterne">Sterne 1-4</label>
<label id="label1" for="sterne">Sterne 1-4</label>
<input id="sterne" name="sterne" type="number" placeholder="1-4" required maxlength="4">
<label for="Bemerkung">Bemerkung</label>
@@ -79,7 +79,7 @@
</form>
</div>
</div>
<div>
<div class = leer>
</div>
</div>