Figuring things out, one line of code at a time.
There's nothing like finding the perfect pic for a project. Sometimes it's hard to describe, but you know it when you see it. Because this project is for production company that does theatre, film and dance productions, I've been trying to hew to that theme, starting with the red curtains on the homepage and linking… Continue reading The Perfect Pic
I haven't had time to write an update, but the site is coming along quite well! I finally found a background that worked (think marble) and I redid the logos as planned. After that, I added an "About Us" section to the header and home page with lorem text until I receive the copy. Today… Continue reading Progress…
I think I'm just about at the finishing touches stage on this homepage. I spent today adding some impactful styling changes that I think really cleared up some of the things that were really bugging me about it from a visual perspective. Firstly, I addressed some issues that had popped up in the responsiveness of… Continue reading ✨More✨ Styling
The site is really coming together now. I spent a good bit of today redesigning the logos as the ones I was using really weren't fit for purpose and they didn't align with the palette anyway. Then I started using those, which really lifted the site as there's no more blurriness. From there I moved… Continue reading CSS Animation Fanciness
I've finally "finished" the grid positioning on my new project after chipping away at it bit by bit for what felt like ages! I mixed in a little flexbox for the header and footer, since nesting grids for those areas felt like overkill. I also used it for the banner, given that I wanted it… Continue reading Grasping Grid
Since last time, I've been working my way through CSS-tricks.com's grid guide with the aim of shifting to Traversy's crash course while I start building my next project. This time, it'll be a portfolio site for an amazing local production company! Today, I just opened a new repository and framed it out. I had a… Continue reading Gridding It
I left the reinstating fixed positioning on my header for today because just at a glance I could tell that it was going to need some special attention, not just to fit in with the new flexbox positioning in the rest of the page but also because I was using a float on the logo… Continue reading Finessing the Flex(box)
One of the most challenging things about my coding journey has been balancing it with everything else I have to do. If I had my way, I'd spend all of my time coding and writing, but the reality is that I'm a single mom navigating a pandemic and launching a consultancy. While that last part… Continue reading Day ???: Flexbox
Turns out my new fixed header placement threw off my navbar links (the top part of the destination was now hidden under the header), so I had to add some hidden links and a class to offset the destination by a tad more than the header height. Found the solution on StackOverflow here and tweaked… Continue reading Day 16: Shifting and Styling
I had to take a little break to put together a big proposal on the fly, but I've been dying to get back to my CSS wrapup. Today I finally got to look at positioning again and I decided to create a fixed header for my form. I used relative positioning to push the container… Continue reading Day 15: Back to Business
undefined 