File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 99}
1010
1111.container {
12- width : 100vw ;
1312 display : flex;
1413 justify-content : center;
1514 align-items : center;
@@ -79,7 +78,10 @@ nav>ul {
7978
8079.home > .left {
8180 height : 400px ;
82- width : 600px ;
81+ width : 50% ;
82+ display : flex;
83+ flex-direction : column;
84+ padding : 10px ;
8385 transition : all 1s ease-in-out;
8486 animation : reveal 1s ease-in;
8587}
@@ -88,7 +90,7 @@ nav>ul {
8890
8991.home > .right {
9092 height : 400px ;
91- width : 500 px ;
93+ width : 50 % ;
9294 transition : all 0.5s ease-in-out;
9395 transition-delay : 4s ;
9496 animation : reveal 1s ease-in;
@@ -118,12 +120,11 @@ nav>ul {
118120 animation : reveal 1s ease-in-out;
119121 transition : all 1s ease-in-out;
120122 transition-delay : 2s ;
121- padding : 20px ;
122123}
123124
124125.home > .left > p {
125126 font-family : "Courier New" , Courier, monospace;
126- font-size : 25 px ;
127+ font-size : 20 px ;
127128 animation : reveal 2s ease-in-out;
128129 align-items : left;
129130 transition : all 1s ease-in-out;
@@ -306,17 +307,15 @@ nav>ul {
306307
307308.projects {
308309 height : 700px ;
309- width : 100% ;
310310 display : flex;
311311 justify-content : center;
312312 padding-top : 80px ;
313313}
314314
315315.projects > .Prcont {
316316 height : 70% ;
317- width : 80% ;
318317 display : grid;
319- grid-template-columns : 300 px 300 px 300 px ;
318+ grid-template-columns : 250 px 250 px 250 px ;
320319 grid-row : 200px ;
321320 gap : 30px ;
322321 padding : 10px ;
@@ -440,15 +439,15 @@ nav>ul {
440439/* contact */
441440.contact {
442441 height : 550px ;
443- width : 100 % ;
442+
444443 display : flex;
445444 justify-content : center;
446445}
447446
448447
449448.contact > .sect {
450449 height : 80% ;
451- width : 40 % ;
450+ width : 500 px ;
452451 margin : 80px ;
453452 border-radius : 15px ;
454453 background : rgba (255 , 255 , 255 , 0.1 );
Original file line number Diff line number Diff line change 1212< body >
1313 < div class ="container ">
1414 < nav >
15- < h1 > M.Deepak</ h1 >
15+ < h1 > M.Deepak-Developer </ h1 >
1616 < ul >
1717 < a href ="#home ">
1818 < li > Home</ li >
You can’t perform that action at this time.
0 commit comments