rushilwiz/website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/website.git synced 2025-04-18 11:20:19 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added phone and tablet support

Browse Source
This commit is contained in:
Ram Reddy 2021-02-18 11:46:49 -08:00
parent d420f5f6b6
commit bafbff274f
No known key found for this signature in database
GPG Key ID: 2CD6B38BE14BDE53
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/assets/StyledContactForm.js
View File

@ -13,12 +13,12 @@ const StyledFormWrapper = styled.div`
justify-content: center;
align-items: center;
position:relative;
margin-top: 5vw;
margin-top: 4vw;
padding: 0 2%;
`;
const StyledForm = styled.form`
width: 50%;
width: 70%;
padding: 1.75%;
background-color: #eee;
color: #3d5a80;

21
src/components/assets/contact.scss
View File

@ -1,3 +1,6 @@
$small: 500px;
$medium: 800px;
button {
cursor:pointer;
}
@ -16,14 +19,28 @@ body {
text-align: center;
padding: 0 2%;
position:relative;
top:3em;
top:2em;
@media only screen and (max-width: $medium) {
width: 30%;
left: 35%;
}
@media only screen and (max-width: $small) {
width: 65%;
left: 17%;
}
}
.fa {
font-size: 100%;
width: 10%;
text-decoration: none;
margin: 0vw 0.8vw;
margin: 0vw 0.7vw;
@media only screen and (max-width: $medium) {
margin: 0vw 1.3vw;
}
@media only screen and (max-width: $small) {
margin: 0vw 2vw;
}
}
.fa:hover {