From 86e9dd10ec447fc478115c92b4caefc0e7862568 Mon Sep 17 00:00:00 2001
From: Shantel <Shantelgray24@gmail.com>
Date: Sun, 4 May 2025 16:43:50 -0400
Subject: [PATCH] Added the css style to the lab

---
 index.html |  4 ++--
 style.css  | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index 8a618dd71..b9dace9e4 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="UTF-8">
     <title>Exceptional Realty Group - Luxury Homes - About</title>
-    <!-- Don't forget to link your CSS file! -->
+    <link rel="stylesheet" href="./style.css"/>
   </head>
   <body>
     <header>
-      <!-- logo -->
+      <link rel="stylesheet" href="./style.css" />
       <h1>Exceptional Realty Group</h1>
 
       <nav>
diff --git a/style.css b/style.css
index 1b1899382..4503256f5 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,63 @@
+h1 {
+  text-align: center;
+  color: black;
+}
 body {
   width: 100%;
   height: 100%;
   margin: 0;
+  text-align: center;
+}
+img {
+  text-align: center;
+  margin-left: 5px;
+  width: 800px;
+  height: 400px;
+}
+p {
+  text-align: center;
+  margin: 0px;
+  line-height: 1.2em;
+  font-size: 16px;
+}
+.nav a {
+  width: 400px;
+  padding: 10x;
+  background: grey;
+  margin: 0 auto;
+  text-align: center;
+}
+figcaption {
+  text-align: center;
+  font-size: 0.4em;
+  margin: 18px;
+}
+#featured-property p {
+  width: 800px;
+  margin: 20px auto;
+  text-align: center;
+  flex: 1;
+}
+footer {
+  padding: 20px;
+  text-align: center;
+}
+#details {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 20px;
+  padding: 20px;
+  border: 2px solid red;    
+  box-sizing: border-box;
+  width: 100%;     
+  margin: 40px auto;         
+  background-color:red;    
 }
+#details > div {
+  width: 330px;
+  padding: 20px;
+  text-align: center;
+  background: red;
+  box-sizing: border-box;
+  border: 1px solid red; 
\ No newline at end of file
