FORMS MINIONS

FORMS MINIONS - student project

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

I started with making a form with CSS (had not come to EP:18) and it came out crappy looking made me kinda sad :// because I've watched so much html/css/php videos on internet. after getting to episode 18 I retried and this is the outcome. I am pretty satisfied for being new to coding. OPS!!! I did not make this in my head I search on w3schools very good website to understand and interface with css I hope you read this ofc because i spent time writing it XD by the way the (PLACEHOLDER) I got in my CSS I snapped up from a video and could not remember the type value of the code so found it on w3schools. NONE FREE ADD HERE GUYS!!! LMAO

But yeah if you fail retry thats my quote see ya 

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

HTML

<label>Name:</label>
<input type="text" placeholder="Your name..." style="height:px">

I did the placeholder like this <print>Look up<print>

 

CCS

 

label, input, textarea, button {

display: block;


}

label {
margin: 0 auto;
padding: 9px;
width: 30%;
border-bottom: solid;
border-bottom-color: #ffff00;
font-size: 20px;
font-family: fantasy;
font-weight: bold;
}

input {
margin: 0 auto;
padding: 7px;
width: 30%;

}

textarea {
margin: 0 auto;
padding: 9px;
width: 29.9%;
height: 80px;
}

button {
margin: 0 auto;
padding: px;
}

.header {
border-radius: 100px;
margin: 0px;
border-bottom-right-radius: 500px;


text-align: center;

}

body {
background-image: url(https://nerdist.com/wp-content/uploads/2015/06/Minions-large.jpg);
background-size: 750px

}

David Dorè
"daviddor3" left the chat