HTML and CSS are all entirely new to me. I’ve never coded before and didn’t have any prior knowledge of what coding a website all entailed. As I completed free code camp assignments, I began to grasp a better understanding of the basics of HTML and CSS. So when it came time for this project, I felt semi confident I’d be able to make something I was proud of. I learned how to implement the css box model so it made the process feel a lot smoother. I learned how to include images and how to add a hover selector for specific elements. I ran into challenges when it came to designing the style guide web page. I had all these images I wanted to use but they were all different proportions, so it didn’t look good together. With a little googling and looking back over free code camp assignments, I was able to add a selector that edited the images’ borders, proportions, and spacing. Now, it looks way more clean and cohesive. I also struggled with editing the header’s background size and adding the hover selector to the text. I wanted to keep the word of the current page bold but also have the hover effect on the text at the same time, so I figured out how to add multiple classes to an element to do just that.
I’m really proud of my finished result, especially for it being my first experience coding html and css from scratch. I’m someone who spends a lot of time on the looks of my work, and I worked hard on the overall aesthetic of my website. I like the google font I imported for the web page titles and the body text. I added an hr element to add a line under the titles. Then the way I edited the images with curves and spaces on the style guide page. I added captions to my images and italicized specific words. Moving forward, I want to learn the more fun things you can design in css, which I know will come with time. I want to continue to utilize the skills I’ve learned thus far to ensure I strengthen my understanding and knowledge of html and css for my future.