In the study of yesterday's foundation today wrote a simple small example.
Here is the percentage written mainly by the mobile phone side look. The PC-side look does not apply.
HTML-side code
<!doctype html>CSS code:
*{padding:0px;margin:0px;font-family: "in italics"; text-align:center;margin:auto;} header{height:60px;line-height:60px;background-color:mediumslateblue;border:1px Solid Mediumslateblue;color: White;} form{height:250px;margin:auto;/*border:1px solid red;*/}form p{margin:auto;margin-top:20px;;} input{font-size:18px;margin:auto;border:1px solid #E8E8E8; Border-radius:4px;width:90%;height:50px;text-align: Left;text-indent:15px;/*padding-left:15px;*/}button{font-size:18px;color:white;width:90%;height:50px;border: 1px solid lightskyblue; Border-radius:4px;line-height:50px;margin:auto;background-color:lightskyblue;}. from_box{margin:auto;margin-top:20px;border:1px solid aquamarine;width:90%;height:150px;}
Mobile page first attempt (ii)