Howdy there, world!
After a (somewhat embarrassingly) long hiatus with a “coming soon" page, my code portfolio site is finally relaunched!
I think the biggest hurdle, and what kept me pushing off the site build was deciding on a design that I felt worked for the content I have planned and ultimately a design I enjoyed.
However, over the past year or so I’ve been doing a lot more work with CSS Grids to define and implement grids for the DoSomething.org main user facing site design. I’ve also recently been using grids for a full revamp of their Admin UI and it’s been going swimmingly.
I really love working with CSS Grids ❤️.
After many years of working with
floats along with
position-ing and a sprinkle of
margin: 0 auto (for horizontal centering), to create some pretty complex layouts, CSS Grids are a breath of fresh air.
Don’t get me wrong,
floats have a special place in my heart and I eventually felt I mastered an odd art form of planning out “boxes” in such a way that I could build out most site design layouts that were handed to me. But in the end, these were all essentially hacks and a misuse of what the
float rule was actually meant to do.
Anyhoo, working with CSS Grids more and more inspired me to try out a layout using grids that felt like it was maybe a bit tricky to pull off, and that led to the design inspiration for this site!
I have a post or two planned, to talk a bit about how I used CSS Grids to build this site along with some other fun field notes regarding some surprises and interesting bugs I encountered along the way.
So ya, check back because there’s more “coming soon”, haha! 😅