Merge pull request #1347 from dhruv8433/culinary-page

added beautifully desgin culinary experience page
khushi-joshi-05 · Jul 23, 2024 · 8e1e9fe · 8e1e9fe
2 parents bc0498c + a9df369
commit 8e1e9fe
Show file tree

Hide file tree

Showing 3 changed files with 418 additions and 3 deletions.
diff --git a/Css-files/culinary.css b/Css-files/culinary.css
@@ -0,0 +1,55 @@
+.hero-div {
+  background: url("https://i.pinimg.com/564x/b0/5d/df/b05ddfb2ae7b11f80ab91a79a7b96f23.jpg") no-repeat center center/cover;
+  color: #fff;
+  padding: 10rem 1rem;
+  text-align: center;
+  font-weight: 800;
+}
+
+.experiences {
+  padding: 2rem 1rem;
+  text-align: center;
+}
+
+.experience-card {
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  margin: 1rem;
+  overflow: hidden;
+  padding: 1rem;
+}
+
+.experience-card img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
+.experience-card h3 {
+  margin: 1rem 0 0.5rem;
+}
+
+.experiences img{
+    height: 300px;
+    width: 100%;
+    object-fit: cover;
+}
+
+@media (min-width: 600px) {
+  .experience-card {
+    display: inline-block;
+    vertical-align: top;
+    width: 30%;
+  }
+}
+
+@media (min-width: 768px) {
+  header nav ul li {
+    margin: 0 2rem;
+  }
+
+  .hero-div {
+    padding: 7rem 1rem;
+    color: #fff;
+  }
+}