Skip to content

Instantly share code, notes, and snippets.

@SirmaXX

SirmaXX/index.html

Created February 17, 2021 20:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SirmaXX/75c7672347ad0e9ce8dcd07ec09d12c6 to your computer and use it in GitHub Desktop.
Save SirmaXX/75c7672347ad0e9ce8dcd07ec09d12c6 to your computer and use it in GitHub Desktop.
Download ZIP
form
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div class="parent">
<div class="section yellow" contenteditable>
<form action=" " method="POST">
<label for="email-address">Email Addresi</label><br>
<input name="email-address" type="email" placeholder="e-mail adresi" required /><br><br>
<label for="message">Mesajınız:</label><br>
<textarea name="message" maxlength="500" placeholder="Lütfen sorununuzu yazınız" autofocus required/>
</textarea> <br><br>
<input type="submit" value="Gönder">
</form>
</div>
<div class="section purple" contenteditable>
This element takes the second grid position (1fr), meaning
it takes up the rest of the remaining space.
</div>
</div>
</body>
</html>
Raw
style.css
.ex3 .parent {
display: grid;
grid-template-columns: minmax(150px, 25%) 1fr;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment