kod w html:
</head>
<body style="background-color: rgb(124, 98, 88); font-size: large;">
<div class="grid">
<div class="div1">
<h1 style="text-align: center;">
<hr> Ankieta dotycząca wyboru tematu kursu <hr>
</h1></div>
<div class="div2">
<form action="mailto:wsip@wsip.pl?subject=Temat ankiety" method="post">
<fieldset>
<legend style="text-align: center;"> formularz_test </legend>
Imię: <input type="text" name="" id="" required placeholder="Imię" style="background-color: aquamarine;"> <br>
nazwisko: <input type="text" name="" id="" required placeholder="nazwisko" style="background-color: burlywood;"> <br>
Tytuł kursu:
<select name="" id="">
<option value="" style="background-color: darkgoldenrod;">HTML</option> <br>
<option value="" style="background-color: rgb(38, 163, 38);">CSS</option> <br>
<option value="" style="background-color: blueviolet;">CSM</option> <br>
<option value="" style="background-color: coral;">SQL</option> <br>
<br> <br>
</select> <br>
<input type="reset" value="reset" style="background-color: rgb(130, 130, 214);border: 3px solid red;height: auto; width: auto; border-radius: 14%;font-size: 4vh; cursor: pointer;">
<input type="submit" value="submit" style="background-color: rgb(130, 130, 214);border: 3px solid red;height: auto; width: auto; border-radius: 14%; font-size: 4vh;cursor: pointer;">
kod w css:
.grid{
display: grid;
grid-template-columns: 3;
grid-template-rows: 2;
}
.div1{
background-color: rgb(29, 121, 121);
grid-column: 1/4;
grid-row: 1/2;
}
.div2{
background-color: chartreuse;
grid-row: 2/3;
grid-column: 2/3;
font-size: 40px;
}
.fieldset{
width: 200px;
height: auto;
}