File tree 2 files changed +16
-4
lines changed
2 files changed +16
-4
lines changed Original file line number Diff line number Diff line change 3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
- < title > Your Name - Portfolio</ title >
6
+ < title > Nayan Kumar Ray - Portfolio</ title >
7
7
< link rel ="stylesheet " href ="styles.css ">
8
8
</ head >
9
9
< body >
10
10
< header >
11
- < h1 > Your Name </ h1 >
11
+ < h1 > Nayan Kumar Ray </ h1 >
12
12
< nav >
13
13
< ul >
14
14
< li > < a href ="#about "> About</ a > </ li >
@@ -22,7 +22,7 @@ <h1>Your Name</h1>
22
22
< h2 > About Me</ h2 >
23
23
< p > Welcome to my portfolio website. I'm a passionate developer with a love for creating amazing web applications.</ p >
24
24
</ section >
25
- < section id ="projects ">
25
+ < section id ="projects " class =" project-grid " >
26
26
< h2 > Projects</ h2 >
27
27
< div class ="project ">
28
28
< h3 > Project 1</ h3 >
@@ -40,7 +40,7 @@ <h2>Contact Me</h2>
40
40
</ section >
41
41
</ main >
42
42
< footer >
43
- < p > © 2024 Your Name </ p >
43
+ < p > © 2024 lwnayan </ p >
44
44
</ footer >
45
45
< script src ="script.js "> </ script >
46
46
</ body >
Original file line number Diff line number Diff line change @@ -38,6 +38,18 @@ main {
38
38
section {
39
39
margin-bottom : 30px ;
40
40
}
41
+ .project-grid {
42
+ display : grid;
43
+ grid-template-columns : repeat (auto-fit, minmax (250px , 1fr ));
44
+ grid-gap : 20px ;
45
+ }
46
+
47
+ .project {
48
+ background-color : # f0f0f0 ;
49
+ padding : 20px ;
50
+ border-radius : 5px ;
51
+ }
52
+
41
53
42
54
footer {
43
55
background-color : # 333 ;
You can’t perform that action at this time.
0 commit comments