├── style.css └── survey.html /style.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | text-align: center; 4 | background-color: rgb(240, 108, 130); 5 | font-family :cursive; 6 | } 7 | 8 | #container { 9 | margin: auto; 10 | background-color: rgb(55, 56, 66); 11 | width: 40vw; 12 | border-radius: 20px; 13 | text-align: justify; 14 | padding: 30px; 15 | box-shadow: 0px 0px 30px black; 16 | } 17 | 18 | h1 { 19 | color: white; 20 | font-size: 22px; 21 | margin-top: 40px; 22 | margin-bottom: 25px; 23 | } 24 | 25 | #intro { 26 | color: white; 27 | margin-top: -20px; 28 | font-size: 13px; 29 | } 30 | 31 | p { 32 | color: white; 33 | font-size: 15px; 34 | } 35 | 36 | .group { 37 | width: 39vw; 38 | padding: 5px; 39 | margin-top: -20px; 40 | border-radius: 5px; 41 | } 42 | 43 | label { 44 | color: white; 45 | font-size: 15px; 46 | margin-bottom: -2px; 47 | } 48 | 49 | #text-area { 50 | width: 39vw; 51 | border-radius: 10px; 52 | margin-bottom: 20px; 53 | padding: 10px; 54 | } 55 | 56 | #submit { 57 | padding: 5px; 58 | background-color: rgb(240, 108, 130); 59 | color: white; 60 | font-weight: 700; 61 | border-radius: 5px; 62 | border-color: transparent; 63 | width: 100px; 64 | } 65 | 66 | #submit:hover { 67 | background-color: pink; 68 | width: 110px; 69 | } 70 | 71 | @media (max-width: 720px){ 72 | #container { 73 | margin: auto; 74 | background-color: rgb(55, 56, 66); 75 | width: 70vw; 76 | border-radius: 20px; 77 | text-align: justify; 78 | padding: 30px; 79 | box-shadow: 0px 0px 30px black; 80 | } 81 | 82 | .group { 83 | width: 39vw; 84 | padding: 5px; 85 | margin-top: -20px; 86 | border-radius: 5px; 87 | } 88 | } 89 | -------------------------------------------------------------------------------- /survey.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | SURVEY FORM 9 | 10 | 11 |

freecodecamp Survey Form

12 |

Thank you for taking the time to help us improve the plateform

13 |