Since last time I:
Scratch what I said in the last log about the “Work” page layout. I asked my brother, my mom, and a friend for feedback on the fixed/work in the background. They both thought a non fixed navbar and background that scrolled with the cards was better. They thought the cards scrolling over the background was too intense and kind of nauseating and they both commented that since there is not a lot of scrolling there was no reason to have a fixed bar.
So, I spent time turning my navbar into a normal navbar that doesn’t stick as well as undoing the fixed background effect. I got stuck here for a while b/c for the life of me I couldn’t figure out why my navbar continued to be sticky even when I passed position: "relative" in the relevant places. Turns out that the logo and contact symbol had their position set to fixed. This bug took me an annoyingly long time to figure out. One of the downsides of designing components from scratch.
I also fixed a problem with the homepage layout for mobile. I had the title for each gridItem and subheading on the left side for the big screens and was keeping it there for mobile. The problem is that once I added the logo in the top left, the texts overlapped as I scrolled. I fixed this by moving the titles/subheadings to the center when on mobile.