batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added some fix.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-01-27 20:07:42 -05:00
parent cea5e7a81c
commit 54c5461440
2 changed files with 85 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
index.html
View file

@ -1,6 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
@ -45,14 +46,16 @@
<div id="questions">
<div class="gender">
<div class="two">
<form>
<label id="radio">Did you enjoy your experience using Facebook</label>
<br>
<div style="margin-right: 4px;">
<input type="radio" value="yes" name="enjoy">
<label for="yes">Yes</label>
<input type="radio" value="no" name="enjoy">
<label for="no">No</label>
</div>
</form>
<br>
@ -60,6 +63,7 @@
<div class="box">
<label>Select the web browser you are using:</label>
<div style="margin-left: 22px;">
<form action="/action_page.php" method="get">
<label for="browser"></label>
<input list="browsers" name="browser" id="browser">
@ -71,6 +75,7 @@
<option value="Safari">
</datalist>
</form>
</div>
</div>
@ -92,11 +97,12 @@
</div>
<br>
<div id="texto">
<p style="font-size:120%;">Please enter your comments here:<p>
<div class="texto">
<p style="font-size:120%;">Please enter your comments here:
<p>
<textarea rows="10" cols="100" maxlength="3000" placeholder="Enter your text...."></textarea>
</div>
<div id="submit"> <input type="Submit">
<button type="submit" class="button">Submit</button>
</div>
</form>
@ -115,7 +121,5 @@
</body>
</html>

26
styles.css
View file

@ -13,6 +13,14 @@ h1{
}
.browser{
padding-left: 10px;
}
.texto{
padding-left: 35px;
}
.survey_body{
background-color: #ffffff;
margin: 20px;
@ -32,18 +40,16 @@ h1{
text-align: center;
}
.gender{
.two{
text-align: center;
font-size: 20px;
padding-top: 20x;
padding-left: 10px;
}
.box{
text-align: center;
font-size: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-bottom: 30px;
}
.btn-control{
@ -75,3 +81,15 @@ h1{
}
.button {
background-color: rgb(87, 139, 216);
border-color: transparent;
color: #ffffff;
font-size: 20px;
}
.button:hover {
background-color: rgb(103, 163, 253);
color: #ffffff;
border-color: transparent;
}