Restore

wnorowskie · Feb 26, 2024 · a215b14 · a215b14
1 parent 40dcb27
commit a215b14
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 82 deletions.
diff --git a/index.html b/index.html
@@ -74,7 +74,7 @@ <h1 class="title1">Eric Wnorowski</h1>
             src="./assets/github.png"
             alt="My Github profile"
             class="icon"
-            onclick="location.href='https://wnorowskie.github.io./'"
+            onclick="location.href='https://github.com/wnorowskie'"
           />
         </div>
       </div>
@@ -366,12 +366,12 @@ <h3>Leadership</h3>
       />
     </section>
     <section id="projects">
-      <div class="project-title">
       <p class="section__text__p1">Browse My Recent</p>
       <h1 class="title">Projects</h1>
-    </div>
-      <div class="project-container">
-          <div class="grid-item">
+      <div class="experience-details-container">
+        <div class="about-containers">
+          <div class="details-container color-container">
+          <div class="center-project">
             <div class="article-container">
               <img
                 src="./assets/airbnb.jpeg"
@@ -395,7 +395,8 @@ <h2 class="experience-sub-title project-title">AirBNB Data Analysis</h2>
               </button>
             </div>
           </div>
-          <div class="grid-item">
+          </div>
+          <div class="details-container color-container">
             <div class="article-container">
               <img
                 src="./assets/cc.png"
@@ -419,25 +420,8 @@ <h2 class="experience-sub-title project-title">Takeoff Boost ConstructConnect</h
               </button>
             </div>
           </div>
-          <div class="grid-item">
-            <div class="article-container">
-              <img
-                src="./assets/Resolve.png"
-                alt="Project 3"
-                class="project-img"
-              />
-            </div>
-            <h2 class="experience-sub-title project-title">Resolve Android Application</h2>
-            <div class="btn-container">
-              <button
-                class="btn btn-color-2 project-btn"
-                onclick="location.href='https://github.com/wnorowskie/Resolve-Android-Application'"
-              >
-                Github
-              </button>
-            </div>
-          </div>
-          <div class="grid-item">
+          <div class="details-container color-container">
+            <div class="center-project">
             <div class="article-container">
               <img
                 src="./assets/portfolio.png"
@@ -508,4 +492,4 @@ <h1 class="title">Contact Me</h1>
     </footer>
     <script src="script.js"></script>
   </body>
-</html>
+</html>
diff --git a/mediaqueries.css b/mediaqueries.css
@@ -1,4 +1,4 @@
-@media screen and (max-width: 1700px) {
+@media screen and (max-width: 1400px) {
   #profile {
     height: 83vh;
     margin-bottom: 6rem;
@@ -7,7 +7,7 @@
     height: fit-content;
     justify-content: flex;
   }
-  .about-containers, .project-container {
+  .about-containers {
     flex-wrap: wrap;
   }
   #contact,
@@ -40,7 +40,7 @@
     height: fit-content;
     justify-content: flex;
   }
-  .section-container, .project-container {
+  .section-container {
     display: block;
     height: fit-content;
     justify-content: flex;
@@ -130,10 +130,4 @@
   #videoContainer{
     width: 100%;
   }
-}
-
-@media screen and (min-width: 800px) and (max-height: 700px) {
-  #section, #contact, #profile, #about, #projects, .dnav, #hamburger-nav, #experience, #footer {
-    margin: 0 10;
-  }
 }
diff --git a/style.css b/style.css
@@ -175,7 +175,7 @@ section {
   justify-content: center;
   position: relative;
   gap: 5rem;
-  height: 86vh;
+  height: 80vh;
   padding-top: 2vh;
   margin: 0 5rem;
   box-sizing: border-box;
@@ -318,13 +318,6 @@ p {
   height: 80%;
 }
 
-.about-containersa {
-  height: 50%;
-  justify-content: center;
-  flex-direction: column;
-  position: relative;
-}
-
 .about-details-container {
   position: relative;
   justify-content: center;
@@ -420,7 +413,6 @@ p {
   flex-direction: row;
   gap: 2.5rem;
   justify-content: space-around;
-
 }
 
 article {
@@ -441,52 +433,18 @@ article .icon {
 /* PROJECTS SECTION */
 
 #projects {
-  height: 96vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: 100%;
-}
-
-.projects-title {
-  margin: 0 auto;
-
+  position: relative;
 }
 
-.project-container {
-  flex-grow: 1;
-  display: grid;
-  flex-direction: column;
-  grid-template-columns: repeat(2, minmax(0, 1fr)); /* Use minmax(0, 1fr) for better responsiveness */
-  max-height: 100%;
-  gap: 10px; /* Reduce the gap for a more compact layout */
-  height: 50%;
-  place-items: center;
-
-}
-
-.grid-item {
-  width: 100%; /* Set a default width, can be adjusted based on your design */
-  max-width: 500px; /* Set a maximum width if needed */
-  margin: 1rem auto;
-  border: #7d212b 0.5rem solid;
-  border-color: #7d212b;
-  border-radius: 2rem;
-  background: rgb(250, 250, 250);
-  padding: 1rem;
-  text-align: center;
-  justify-content: center;
-  flex-direction: column;
-}
 .color-container {
   border-color: #7d212b;
   background: rgb(250, 250, 250);
 }
 
 .project-img {
   border-radius: 2rem;
-  width: 30%;
-  height: 30%;
+  width: 90%;
+  height: 100%;
 }
 
 .project-title {
@@ -561,4 +519,4 @@ footer p {
   margin-top: 5px;
   text-align: center;
   color: white;
-}
+}