Sam
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
The markup and CSS is in this CodePen - https://codepen.io/SamWDev93/pen/OJYbvQj. Let me know if you have issues viewing it
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
Thank you for the links. I'll take a look through
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
Nice solution!
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
I couldn't seem to get it to work playing around with various positioning variations. I was getting issues with the image sitting on top of the text etc
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
Thanks for taking a look. I too am starting to think it isn't possible, which is a shame! Back to the drawing board I suppose
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
I have tried grid-template-areas, but haven't been able to get the desired layout. Looking at this CSS Tricks post (https://css-tricks.com/almanac/properties/g/grid-template-areas/), I don't think it's possible. If you scroll down slightly in the post, it mentions that you can't define "T" or "L" shapes, and in my mind, I want the content in an "L" shape, with the image top right
30 replies
KPCKevin Powell - Community
•Created by Sam on 5/28/2024 in #front-end
CSS 2 Column Layout
Whilst setting the dir to rtl gives me the desired layout, I do want the dir ltr. I've created a Codepen (https://codepen.io/SamWDev93/pen/OJYbvQj) with what I have so far. All I need is the image to always to be in the right column at the very top, without having to hardcode it in the HTML
30 replies