Day 2

Hey everyone, I have done so much in the past day and my understanding for html and css is now so big. Before I started this project I had no idea how to even make a website, now I can build containers with backgrounds and borders using the div element in html.

What I have done

You might be wondering what I have create a navagation bar which when you press on the link it takes you to the appropriate seciton. One cool thing I added in the css was making the scroll-behavior of the overall html to smooth so that this made the page look like it was scrolling when you pressed the nav link! I saw te sidequest for the personal website needed 3 seperate sections so I have added a landing section, and about me, projects, links and a footer. The landing section is the first thing people see when they enter the page, so I wanted it to be very welcoming with a profile picture. I used flex layouts. I used the flex layouts for multiple div containers. I used it as rows and columns to make different items align in different ways.
Next the about me talks a little bit about who I am and what I like doing, and I am going to add a photo of me. I have a game section for all the games I have made and it uses so many containers each row is one container then all those 3 rows are put in another container, and those are put in one full container used to make like the box/background. In the game section I learned how to make the user click over a certain area to go to a link. Then in the last/or second to last section I included links. The links is basically the same thing as the games I used the hover feature. Then I had to set the width in the code so all of them are the same, both the boxes and the images. Lastly is the footer. It is the exact same as the navigation bar which is header but just footer. I was surprised for a lot of things like I didnt expect that the color property would be for text I thought it was for like the color for everything. Then I kept trying to type corner radius because in figma that is what it is. But it is actually border radius 😭. So there were many surprising things and I learned so much, I have some things to fix then I will be shipping!