Responsive Web Design Update 2

MehmetBozkir · Dec 28, 2023 · fc3c33f · fc3c33f
1 parent ab37e88
commit fc3c33f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/detail.css b/detail.css
@@ -112,6 +112,7 @@ nav:after {
   position: absolute;
   bottom: 0;
   left: 0;
+  width: 20vw;
   width: 20%;
   height: 100%;
   z-index: -1;
@@ -239,7 +240,17 @@ section p {
   font-weight: bold;
 }
 
-@media only screen and (max-width: 200px) {
+@media screen and (max-width: 580px) {
+  nav a {
+    font-size: 1.25rem;
+    line-height: 2rem;
+  }
+  .scroller:after {
+    content: "";
+  }
+}
+
+@media only screen and (max-width: 580px) {
   nav a {
     font-size: 0.55rem;
     line-height: 2rem;
@@ -262,7 +273,6 @@ section p {
     );
   }
 }
-
 /*
 @media only screen and (orientation: landscape) {
   nav a {

diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
       <img
         src="https://media.licdn.com/dms/image/D4D03AQEt1mkCdln_OA/profile-displayphoto-shrink_800_800/0/1687128382673?e=1708560000&v=beta&t=p0BdA2rn9x31BD9Le45ltHzpLEmDGLBIGAdwwsXOUEs"
         alt="My Photo"
-        width="25%"
+        width="400px"
       />
       <h2>Mehmet Salih Bozkır</h2>
       <p>
@@ -85,7 +85,7 @@ <h2>SKILLS</h2>
         width="100"
       />
       <img
-        src="https://user-images.githubusercontent.com/74038190/212280805-9bcb336b-8c55-46a8-abf8-ff286ab55472.gif"
+        src="https://www.aydiner.gen.tr/wp-content/uploads/2019/11/bootstrap-stack.png"
         width="100"
       />
       <img