How to change the color of an <svg> image when I hover the mouse
Guys, I have these svg's and I don't have their code. They are static and I added these in the code with the <img> tag. How do I change the color when I hover? In the challenge's figma file it asks me to change the color to orange, but I can't use the fill or the background-color.
Github repo: https://github.com/sircarloschaves/equalizer-landing-page
Live page: https://sircarloschaves.github.io/equalizer-landing-page/...
Front-End
I am always confused in this type of design you can say never worked on this type. Look at the design in Dekstop the background image {of girl with} is going to the background of text of hero area. I thought that I will make a div in which all the navigation and hero will be there than I will put that girl as a background to it, But when I see to mobile version It is like using flex and doing column or you can say even using grid. I think this type of designs can be only made using grid but not using background image. But here is a problem using grid also that how will that image will render as a background of text [Like small text having some area of image as a background]. What are the approaches to it.
Thanks....
issue with form
there is some issue with the form idk what, i've been starting at the code for a literal hour and couldn't find anything wrong with it, maybe yall can help me pinpoint the problem. i ideally want it to look like the attached image. Thanks!
link: https://codepen.io/staticoly/pen/KKJGJZQ...
Content not showing
When i click on this tab"Giving Comedians " (check on left side) than in the content of that tab there is a text "Lance Armstrong " check the attached image(i have highlighted it ) when i click on it i move to the other tab which is working good but after that when i click on someother tab from and than when i click on this tab"Giving Comedians " than in the content of that tab there is a text "Lance Armstrong " i click on it my content hides why here is the link of my website"https://talhamu...
My margins are collapsing with this alternative to container and wrapper classes
Has anyone tried this yet? https://discord.com/channels/436251713830125568/551066863266693130/1172179877722595469
I'm kicking the wheels on it since yesterday on a new project and it's working great with a full-width with any content inside not imposing it's own layout. But as soon as I:
1. add a div with it's own flex/grid (like this H1 in the hero banner) it breaks out to full-width. I know the H1 is a block element and takes up 100% width by default but that should be 100% of the intrinsic container here I would think still.
2. try to put a breakout inside of a full-width and the same thing happens....
