How do i make this design in html/css do i use css grid or postion absolute or is there something el

I need help i dont know how to do the text thingy one part going to the left one part to the right something is overlapping over the image i did the navbar just fine but im having problemes with second part Help !
No description
9 Replies
Chris Bolson
Chris Bolson2mo ago
With all the different things that this section has I would probably go with absolute positioning (within the hero section), breaking the main text into 4 separate elements.
vince
vince2mo ago
Do you have the files / images for this? I'd love to give it a try for fun
theoriginalandrew
Please provide the code you've written so we can better assist you
Nass
NassOP2mo ago
I wrote some but i just deleted cuz it didnt work out i was confused between using absolute position or grid and decided to post here first before trying again
Nass
NassOP2mo ago
this is the only one i have did some AI stuff to extract it from design i found on dribbble i meant to answer to @vince aplogies
No description
Nass
NassOP2mo ago
that was my first approach but it would be so hard to make it reponsive tho no ? and also the break in 4seperast elements is exactly what i did but i found it frustrating i honestly didnt give it my all best i will try later to redo this i cant right now
Chris Bolson
Chris Bolson2mo ago
There is no reason why absolute position should make it harder for responsive. Just don't use "fixed" units (eg pixels). A quick demo using position absolute.
Nass
NassOP2mo ago
wow thats impressive thanks I've been working on a solution this morning but this looks more efficient and better

Did you find this page helpful?