how to make a section with company logos accessible and semantic
Guys, what can I do to make this section semantic and accessible? Should I put the company logos inside a <ul> and make them have names accessible through the aria-label attribute and use tabindex="0", or should I hide the logos from screen readers and not let them with tabindex?
CSS ISSUE (Background position, repeat, size)
why is this, the background position, size, repeat is muted and not working, is there something wrong with my program?
https://codepen.io/Cortezano/pen/GRPPBKP...
Title/header issue
I'm trying to create a header like the one in the image. I achieved the 'desired' result for the 1440px but the problem with this is when page scales up it looks pretty ugly. I want it to be able to scale ++ add more words to the line and not just be stuck at 'created text'.. this is what I got so far.
https://codepen.io/yesm4n/pen/vYvvjeG
I tried different approaches but I can't seem to find a way besides 'hard-coding' the first part. ...
How to implement this Ui?
When the first card is selected the first image is shown. Second and third card has different images related to them. But instead of clicking the cards or using a time to switch the active card I want it handled by scroll behaviour.
When I reach this section, I want the vertical scroll to stop. Bascially scroll should change the active index. When I reach the last card after that vertical scroll should continue.
Took my whole day and still I couldn't manage....
Question on the shorthand of the column-count and column-width properties.
Guys, how does this shorthand of the 'column-count' and 'column-width' properties work? I'm trying to understand but in practice I don't see any difference. Example: columns: 3 120px; When I use these values, will I have 3 columns of 120px? How it works?
How to make SVG appear on hover?
I want to make an SVG appear when hovering over that IMG along with the transparent background color as seen in the left image. How do I achieve that pls?
image resize
How do I make an image resize and take the same height and width as my line?
I'm trying to make the left IMG look like the right one...
How can I replicate this grid layout?
Is it possible to get this exact grid layout using tailwind css? I'm so close I can't seem to get the 2nd and 3rd div to work with me
```
const Grid = () => {
return (...
Slot content piling on top of other content?
I have been working on implementing an SCSS template in a SvelteKit project. My styles are coming through to the UI, however I am having trouble figuring out why some of the markdown is coming out piled up. I've tested and toggled so many things at this point, I'm not sure what to mention. If I remove all styling, the markdown paints to the browser the way you would expect: header, over main & slot content, over footer. My routing works fine, my route pages display their <h> tags, and while I've removed most styling at this point the root & body styles come through from the SCSS folder.
My root layout looks like this:
```javascript
<script>...
why media queries is not working?
isn't the 'em' unit used in media query is relative to the root font size, which is 10px. Therefore, 50em should be 50 * 10px = 500px. but I am not getting expected result.
