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

Merge pull request #15 from jpez-development/mobile_version 

added contact mobile responsiveness
This commit is contained in:
Joshua Perry 2022-04-17 13:08:11 +01:00 committed by GitHub
parent 25b0ecd6f2 bdbaadf7dc
commit 070e3b4071
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 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">

21
contact/contact_mobile.css Normal file
View File

@ -0,0 +1,21 @@
form {
padding-top: 2em;
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;
}