After much pain I managed to create a sidebar for my website that is responsive and takes its contents from a Markdown file!

Ok, now I understand why I was struggling so bad to make a sidebar for my blog. Turns out I wasn't being that harebrained.

I wanted the content area to be centered relative to the viewport in desktop mode and the sidebar to be to the right. That's not easy to do with flexbox (maybe impossible?).

I need grid.

Video showcasing an attempt to implement a full website page with a sidebar using CSS grid

Out of curiosity, I tried to replicate this same CSS Grid pattern in QML using GridLayout and responsive layouts using States

#Cpp #CPlusPlus #Qt #QtQuick #QML