Added changes as per you told,kindly check comment on issue

dsc-jiit-128 · Oct 4, 2021 · be95c16 · be95c16
1 parent b3d185b
commit be95c16
Showing 1 changed file with 35 additions and 11 deletions.
diff --git a/hactober/style.css b/hactober/style.css
@@ -56,13 +56,15 @@ body {
   margin: 10px;
   padding: 20px;
   text-align: center;
-  font-size: 26px;
-  font-weight: 600;
-  font-style: italic;
-  letter-spacing: 1.2px;
-  word-spacing: 3px;
-  font-family:Georgia, 'Times New Roman', Times, serif;
+  font-family: 'Yatra One', cursive;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 1.5rem;
+  text-align: center;
   color: #FFFF;
+  padding-bottom: 32px;
+  display: flex;
+  justify-content: space-around;
 }
 
 .photos {
@@ -72,13 +74,16 @@ body {
 }
 .shirt,.prize,.stickers
 {
-  width: 33.3%;
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
 }
 
 .photos img {
-  height: 280px;
-  width: 310px;
+  height: 17.5rem;
+  width: 19.375rem;
   border-radius: 50%;
   margin-top: 45px;
 }
@@ -97,7 +102,7 @@ button {
   border: none;
   border-radius: 10%;
   font-size: 20px;
-
+  margin-bottom: 2.125rem;
 }
 
 button a{
@@ -109,3 +114,22 @@ button:hover {
   cursor: pointer;
   padding: 16px;
 }
+
+@media (max-width:992px) {
+  .photos{
+    flex-direction: column;
+
+  }
+
+}
+ @media only screen and (max-width: 420px) {
+  .photos img{
+    height: 14.5rem;
+    width: 16.375rem;
+  }
+  .content h1{
+
+    font-size: 3rem;
+  }
+
+}