positioning a form - html/css only
Hey guys , im trying to position a form like in this picture
this is my code so far :
https://codepen.io/MightyFriesByte/pen/KwdoLOj
...
Kevin Powell's
Hello there!
I have started the series where Kevin builds a responsive website from Frontend Mentor.
LINK TO MY QUESTION: https://youtu.be/h3bTwCqX4ns?si=F6VYp3teAxOJOd8_&t=298...
Span Image over cards
I want the image in the second row to somehow span across the three cards. Does anyone have tips or ideas? The image should represent the finished design. https://codepen.io/Redcaus12345/pen/raOJZPb
Search in submenu not clickable
When I open the menu in mobile, there is a search input it works in the first menu but when I open submenu "Hombres" I can't click on it to search, here is a preview link
styling a select element
I need to style a select element according to the screenshot attached below.
https://play.tailwindcss.com/GYsrHP9Cvq here's code until now.
I have been having a couple problems. like the arrow of select element doesn't get affected by padding. I can use border-right transparent but feels hacky.
...
Auto and min content property for grid-template-rows
Hey, suppose if I have 3 rows, the moment I use auto or min-content for all three rows as:
...
React Parent state update wiping child state
My InventoryCard (parent) component has an 'isHovered' state being set by an onMouseEnter/Leave event listener.
Its child, ImgSlider receives isHovered as a prop. So when isHovered changes, both InventoryCard & ImgSlider will be re-rendered, reflecting its new value.
ImgSlider has its own state, 'visualIndex', which is updated by interacting with it (clicking arrows) which happens while the parent is still being hovered & isHovered is still true.
After I've reset the child's visualIndex state, I then un-hover the parent InventoryCard, causing isHovered to go back to false and a re-render of the parent (and child) occurs again....
