30-CSS-LANDING
This was the first assignment that took 3 days.
I have started an assignment before and finished it the next day.
Never has it stretched out 3 days.
It took this long partially because I kept wanting to add things that didn’t have anything to do with the assignment.
- I would have passed perfectly fine if all my menu items were centered but I wanted the logo on the left and the menu items on the right. This took forever.
- One of the requirements of the assignment was to make the menu stay at the top of the screen at all times while scroling. I did this but then it blocked out my h2 that was at the top of the page. To fix this I had to make the z-index of the h2 higher than the nav bar. Then the h2 came back.
- The “Grid-template-areas” feature which worked perfectly fine in my last assignment refused to budge during this one. Then I just gave up and used another grid table which I had on my computer and some guerilla techniques like putting images in table rows on a grid-styled table.
- Another thing the assignment didn’t ask for was making your site have a hamburger menu on mobile. I became obsessed with this. Finally I did inspect and saw my mobile menu. I was so happy. Then realized there are no links, just the menu. In the end I decided to give up on this because when you try to do this without javasript it messes up everything else. So I am just going to pretend I don’t know how to do hamburger menus and not touch this topic again until I start javascript which should be about a week from now.
- After I finished the assignment and passed, I thought to myself, “If a client hired me to do their website, I would not give them this.” So after all of that, I am not happy with this page. However, it passed so I will not worry about it for now. When you know better, do better. Once I learn javascript and solidify some of my other learning, this will be better. More on that topic “solidifying” in the next blog.