I need a hint on this layout in the image attached.
I need to use flex for this isnt it ?do I need negative margins?
4 Replies
Assuming that you are referring to the hero section, I would suggest doing this:
- Use a 2 column grid for the text and the image blocks.
- Use a linear-gradient for the split background color, setting your desired position for swapping between the color and transparent (or white).
- For the swirly lines, assuming that you are using and SVG or transparent image, use
position:absolute to place them at either side of the container.I wish I knew I could use linear gradient but I used negative margin and padding :/
anyway , the background image in mobile looks like this
should I use negative values for y coord ?
should I make a codepen for you ?
nvm negative values arent working
phew solved it