Big Blog about skeleventy

[josephdyer]

Hey! The CSS is controlled via the Tailwind classes in the HTML. But you can add CSS into the SCSS if you want to.

You would need to make the container around the articles flex-wrap: wrap, so they break onto a new line and then make each article to have a set width/flex-basis of 25% - in Tailwind you can use the class w-1/4. You might need to adjust the margins and padding too.

Not sure about multi-language stuff - you could ask Zach Leatherman who made Eleventy? ;)

[GerhardMes]

hi Joseph,
first: Thanks a lot. But I run into problems, which I would like to share.

I modified the blog.njk file at two fields as mentioned.

But that doesn't change it. I couldn't make the line break after 4 Posts, and the images disappeared.

Do you have any advice?

[josephdyer]

It sounds like you have flex-1 still on the articles? Try removing that.

See https://tailwindcss.com/docs/examples/grids/#wrapping-columns