Developer Portfolio
Welcome to my portfolio website, where you can find my latest projects and learn more about my skills and experience as a developer.
View Projects
```
Well, I'm surprised that it generated the basic CSS by itself. 👌Now let's ask it to add more CSS.
Meanwhile let's create a style sheet and link it to our HTML file, for better understanding and clean code.
Prompt :
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676119125402/111a8ca7-6034-4ba1-b861-7539254a02ce.png align="center")
Response by Chart GPT :
```css
body {
font-family: 'Open Sans', sans-serif;
background: linear-gradient(to right, #000428, #004e92);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
color: #ffffff;
margin: 0;
padding: 0;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.container {
max-width: 960px;
margin: 50px auto;
text-align: center;
}
h1 {
font-size: 42px;
margin-bottom: 20px;
}
p {
font-size: 18px;
margin-bottom: 40px;
line-height: 1.6;
}
.btn {
background-color: #3498db;
color: #ffffff;
padding: 12px 30px;
border-radius: 4px;
text-decoration: none;
font-size: 18px;
margin-top: 20px;
display: inline-block;
box-shadow: 1px 1px #333;
transition: all 0.2s ease-in-out;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 2px 2px #333;
}
```
I want to add some more content to the page so I asked it to add photos. so it added it as project with in a DIV
Prompt :
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676119984450/8ce81970-6f13-499b-a623-68dcf33f7014.png align="center")
Response by Chart GPT :
```xml
