Create the Code
Description: My task was to create the html and css for a website based on a graphic.
I used a lot of flex and some grid css to not only match the design, but to also give it a responsive layout.
Skills: I used a lot of flex and grid to give the website a responsive feel without the use of media queries.
I also added things like hover and scale effects because I feel they make the website more satisfying to use.
I also styled anchor elements to look like buttons. This is because I learned valid HTML does not allow buttons to contain anchor links, even though they work in the browser.
Perfect the Code
Description: My task was to make adjustments to my HTML and CSS based on feedback I received from my instructor. Most of my changes were semantic; so visually the two websites look the same, but the newer site has better written code.
Discography
Description: My task was to create a small website to showcase a band's album releases. The website had to be made using either a CSS grid, or a framework. No layouts or themes were allowed.
Skills: I used Tailwind CSS for this project. The reason I used tailwind was to try something new, and to take advantange of it's very small CSS file sizes for a speedy site. I also learned how to convert images to the WebP format via command line.