Day 5 fw19 1058

src/Components/Signuppage.jsx

@@ -4,14 +4,10 @@ import {
  FormControl,
  FormLabel,
  Input,
- InputGroup,
- HStack,
- InputRightElement,
  Stack,
  Button,
  Heading,
  Text,
- useColorModeValue,
  Link,
  Image,
 } from "@chakra-ui/react";
@@ -68,6 +64,7 @@ export default function SignupCard() {
  // maxW={"450px"}
  // py={12}
  px={6}
+ className={"signup_main"}
  >
  <Image src={Logo} alt="logo" marginBottom={"20px"} />
  <Stack align={"center"}>

src/Styles/Login.css

@@ -0,0 +1,11 @@
+/* Large Screen */
+@media screen and (max-width: 992px) {
+}
+
+/* Medium Screen */
+@media screen and (max-width: 768px) {
+}
+
+/* Small Screen */
+@media screen and (max-width: 350px) {
+}

src/Styles/Navbar.css

@@ -1,7 +1,5 @@
-/* @media only screen and (min-width: 769px) and (max-width: 1110px) {
- .navbar_hostButton {
- background-color: blue;
- }
+/* 
+@media only screen and (min-width: 769px) and (max-width: 1110px) {
 }
 
 @media only screen and (min-width: 481px) and (max-width: 768px) {
@@ -11,10 +9,10 @@
 }
 
 @media only screen and (max-width: 320px) {
-} */
+} 
+*/
 
 /* Large Screen */
-
 @media screen and (max-width: 992px) {
 }
 

src/Styles/Signup.css

@@ -0,0 +1,11 @@
+/* Large Screen */
+@media screen and (max-width: 992px) {
+}
+
+/* Medium Screen */
+@media screen and (max-width: 768px) {
+}
+
+/* Small Screen */
+@media screen and (max-width: 350px) {
+}