nth-child, index()
Hello everyone , I have 23 divs each containing 210 spans. When I click on a span with certain number it gets a red outline as a highlighting and I want to copy this outline to all spans with this number in all divs. So far I have this code using nth-child and index(). It works but the problem is that index is 0-based so when I click on a span number 2 I get outline on span number 1. I know there is a trick with adding +1 but I can't figure out how to add it in this specific case. And I don't kn...
Need Help with Creating a Rotating Advertisement Stripe on My Website
i'm trying to create a rotating advertisement stripe for my website, but I'm having trouble getting it to work as intended. I've set up a CodePen with my current code. Could someone with CSS expertise take a look and help me complete it?
Here is the link to my CodePen: https://codepen.io/deepk2891/pen/RwzoBKQ?editors=1100
i have provided image what I'm aiming to achieve in codepen output....
Create multi coloured border box using conic gradient
Hello, Folks 👋🏻
Problem: I'm struggling to add a multicolored border box around a black box content using a conic gradient.
Context: I have a paragraph tag that contains content, and I’ve styled it to transform the paragraph content into a black box. Then, I added an imaginary box behind this content box using the
::after pseudo-class to create a multicolored border around it with a conic-gradient....
Can't pass props onto another component
in my App.jsx component, I pass the Template component the following props, but inside the Template component, I can't access them, idk why or what I could do ... Help!
mobile view - scuffed?
I'm not entirely sure why this is like this, or how I fix it...? any ideas why the elements are only showing like 80% of the width?
What Figma says
Hello, guys! I want to know what figma says here. For me it says that there is an image with background color of lightgrey 50%, but the designer says he's not puted any background color on it
Is adding max-width to a text a good way for a line break design in css?
i was trying to copy kevin powell's challenge 3, at first i was trying to figure out how to add a line break just like in the challenge 3 video, "Response layouts don't have <linebreak> to be a struggle" and came up by adding a max-width of 650px for that, same goes for the paragraph, i added a max-width of 520px
.container {
width: 100%;
background: #23424a;...
What would be the best approach for my React Resume Builder?
As you can see in the screenshot, I want my user to be able to add the education he had and experience, but let's say he has multiple fields of study/multiple jobs he worked at, I'd need some guidance to understand how I could build it, because each field would require to duplicate every item inside my useState, so basically if he worked at 2 jobs, how would I code it in a way so there are multiple "companyName, positionTitle, etc." ? Thank you!
WELP!
i can make this layout using flexbox and wrap it? BUT how do i write on the images like "soccerVR" its written on the image
