How can I achieve this design in the hero section and have it responsive
I am a frontend developer and I have always admired the hero section design (on the left and right) l, the email, blog, website etc sections.
I cannot think of a way to have it look like this on desktop and have it responsive for all screens.
I usually style using TailwindCSS
Would really appreciate all the help on how to achieve this...
Grid question
Hello,
I created to my mom a family tree website.
It have a grid layout.
Under 700px born, death, partnership, family going under each other:
```.born {...
What's the best way to style 45 bevel corners?
Tried a few ways, but they mostly seem like hacks.
Solution should achieve the following results:
- consistent border width, even along angled corner
- require only one div/class (no inner+outer containers)
- use either the outline or border attribute...
Font behaving different in browser
The same font family with the same size, and same height but renders different, one is in Figma, and second is in the browser
pinned element on scroll
hey, i've been trying to get this card pin scroll stack animation effect to work for a while now (hours) i was able to get somethings off the internet but that only worked for my mobile screen, tho it wasn't so smooth. but i've been having a hard time doing it on desktop screen
tailwind setup issue
I am getting warning this when I setup simple react project with Vite project. why does this happen?
What's the best way to build this layout responsively?
The text overlaps over the images, so I don't know how I should go about this... I don't yet have a mobile version, but I struggle figuring out the ideal way to make this layout shrink/wrap on smaller screen sizes. Should I use negative margins, absolute positioning (which I doubt) or something else that may be escaping me... And the backgound text, how would I get it to resize while still using position absolute to position it at the back?
