Please can someone help, i have gone through countless tutorials, i have watched loads of youtube videos, I have tried to copy templates, but whatever i do, nothing seems to work, i am trying to make a hero section responsive. This is a template i am using but its not responsive, this is an unedited template from webflow.
I am pulling out my hair here, nothing seems to be working and i am starting to wonder if its somthing to do with my monitor or somthing? I have litterally tried every variation, flex boxes, grids, colums, changideg the vh, vw, % - everthing. I feel totally stupid. I posted this before and got no help, please can someone explain to me why a pre made template that is supposed to be responsive nt working when you get to mobile size.
I am going for a full width hero like my 4th and 5th attempt. im gettting closer but im just not grasping this. I have read about flexbox but i think im getting to confused with all the options.
Using the different breakpoints, you can set different positioning properties for your elements. So in this example, I removed a column in exchange for an extra row while in the mobile view, which allowed for stacking.
Works a charm :-), both of you, thankyou very much. I think i will practice this and use for all my hero sections.
Is this the best way to do it?
I noticed that finsweet uses all divs, his way works great as well but quite hard to follow. For xample, the way he has done it on this site.