r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added contact form mobile responsiveness

This commit is contained in:
Joshua Perry 2022-04-17 13:06:29 +01:00
parent ad511b3a1b
commit 826dc8e84e
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
contact/contact.html
View File

@ -14,8 +14,9 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="contact/contact.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="contact/contact_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">

20
contact/contact_mobile.css Normal file
View File

@ -0,0 +1,20 @@
form {
min-width: 1em;
max-width: 25.8em;
margin: 0;
}
#contact_details > input {
min-width: 1em;
max-width: 30em;
}
#contact_body > textarea {
min-width: 1em;
max-width: 25.8em;
}
#contact_reason {
display: list-item;
}