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

modification of user interface of the survey

Browse source
This commit is contained in:
soyed 2021-03-13 03:16:43 -05:00
parent b90d24396d
commit 0f86a7faeb
3 changed files with 86 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/facebook_ui.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 64 KiB

57
public/styles.css
View file

@ -58,26 +58,15 @@ p{
font-size: 20px;
}
.questions {
/* .questions {
padding-top: 20px;
}
} */
.fb {
width: 10%;
height: auto;
}
/* .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 40px;
background-color: rgb(87, 139, 216);
color: rgb(255, 255, 255);
text-align: center;
} */
.button {
background-color: rgb(87, 139, 216);
border-color: transparent;
@ -97,33 +86,55 @@ p{
}
/* Shared classes */
.questions{
margin: 4% 3%;
}
/* Title section */
#title {
background-color: #F4C983;
padding : 3% 7%;
padding : 3% 4%;
}
/* Form Section */
#form {
padding: 3% 7%;
padding: 3% 5%;
text-align: center;
/* background-color: #5B6D5B; */
/* #F4C983; */
}
.SurveyIntro{
margin: 3%;
.surveryForm {
/* #DDDDDD; */
background-color: #DDDDDD;
}
.surveyIntro{
/* margin: 4%; */
/* background-color: #F39189; */
padding : 5%;
}
.headerImg{
width: 40%;
}
.userInfo{
margin: 2.5%;
}
.surveryForm {
/* #DDDDDD; */
/* background-color: #5B6D5B; */
.userLabel{
margin: 3% 20%;
text-align: left;
}
.questions{
margin: 5% 7%;
text-align: left;
}
.commentBox{
margin: 4% 15%;
}
.btnClass{
margin: 4%;
}
/* Footer section */