You are browsing as a guest. Sign up (or log in) to start making projects!

3h 26m 27s logged

After +4 hours, my website is almost done! After creating the basic layout of my website, I selected the photos I wanted to use in the collage on the homepage and chose the fonts and colors. I wrote my bio and spent hours tweaking the collage to look exactly the way I wanted, adjusting the position of each photo one by one. Inspired by a website I’d seen before, I wanted the images to move when the mouse hovered over them and to have a footer section at the bottom, so I asked the AI to teach me how to do that. It turned out to be really easy! To make the images move, CSS uses a property called :hover (basically, you’re telling it what should happen when the mouse hovers over it) I added “transform: scale(1.08)” to the image to make it enlarge slightly when hovered over. To ensure this happened smoothly, I also added “transition: transform 0.25s ease”. For the footer, there’s an HTML tag called “”. Just add it to the very bottom of the page and type whatever text you want inside it (I added a copyright notice to make it look cool). You can try it too! Right now, I have a homepage introducing me, a page where I talk about my projects and achievements, and a page with links to my social media accounts. Later, I’ll also add my own essays to the site. That’s how I built my first website, and it actually really excited me!

0
7

Comments 0

No comments yet. Be the first!