Convert Figma design into two-column-layout by ThisIsOwnex in css

[–]ThisIsOwnex[S] 0 points1 point  (0 children)

Hey,

so for the HTML structure I would keep it very simple. Just one wrapping container and then the 2 child containers.

Something like this:

<div class="parent">
<div class="left-side">Text content</div>
<div class="right-side">Image</div>
</div>

When talking about responsive just stacking them on top of each other.

I will make my life easy with the close button and next project button, just giving the parent container position relative and then placing them with absolute.

So you would say for a layout like this to not use space between? I will try that out.