What we did

September 2024 : This month we continued looking at creating a reusable CSS layout page. Then we creating a code snippets page.

First we revisted the article by Brecht De Ruyte called
"Modern CSS Layouts: You Might Not Need A Framework For That"

The concept as we said before creates one CSS using both grid and flexbox layout styles which are applied as needed for your design needs. We continued to explore this article and we created a test page which appears to have worked to create a set of images aligned in both grid and flexbox. Using the idea we should be able to add our own CSS file to the this combined CSS.

We tried a few examples and this was the best example we could create. It was based on the example of the full CSS code pen.

The article also included the use of subgrid, however in the test page the subgrid images didn’t appear inside the outer grid. Something we will work on.

After the break we looked at creating a Snippets Page.

Remember "set and forget"? Were you creating a piece of code or set up a key process, it works so you don’t use it again. Until you do! then the “forget” problem occurs and, you have to research the problem all over again. Well, we had that problem so we have set up these pages to help remember that piece of code we used last year but can’t remember

This is our Snippets page. We will add lots more code as we go.

Steve South
Web Design leader