Css für optinale aufgabe 1
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user