So I’m trying to replicate this site for a client under a slightly different brand.
https://rise.boston
What seemed seemingly easy to replicate turned into a bit of a nightmare. My biggest fear with starting down one direction with an implementation is realizing there was an automated or just plain simple way to accomplish it. Maybe I did the best I could or there is a better solution?
My goal was to create a grid of projects that when you click on the project a full column width dropdown div appears below the row and the page scrolls to that section and you can collapse it and will go back to the top of the projects. The issue came up when I had to build responsive down from 3 columns to 1 columns.
Grid was able to successfully do this, but felt super messy and not easily replicable for the client if they had to add more. I wouldn’t even know where to start with CMS on something like this… Another issue I came across was that my sticky nav bar wouldn’t allow the section id links scroll to the viewable part, it would always be under the section so I had to build invisible div blocks with margin offsets to take into account.
I guess I’m wondering if my approach was the best or if I’m completely missing another approach.