How to name my custom properties semantically
Hello everyone, I would like some help and suggestions for articles that I can read about how I can name my custom properties in a better way.
Instead of just naming the colors like: --red, --blue, --cyan, etc.
I want to learn a better way of how I can name them, I heard that I should name the colors as primary, secondary (accent), neutral....
Help w/ Dialog
Hi! Can anyone help me w/ my Dialog issue?
Whenever the dialog is closed via the "Submit changes" button, it should change the correct line
I was giving it some thought and all that I could think of is putting an identifier in the creation and hide it so I can call upon the position in the table, for example like this
<p class="hidden">${locationInTable0based}</p>
I do hope there is a better way tho, any ideas?...
Stuck on getting items to grid wrap.
Trying t o get my input and button be 100% container width at certain widths, then be side by side with the input being the majority of the width. I been tring different template columns with minmax and autofits but cant get them do both.
I gave the input a max width, and was thinking once that max width was met the button move from the second line to the same line....
Dynamic Font Size Based On Container & Text Length
I have a difficult challenge that I'm not sure is currently solvable.
I want to utilize container size units (cqi) to adjust the font-size of text to the container...
BUT...
How can I Tackle down this layout for mobile and desktop size?
As you can see my issue is on how to make these 2 buttons appear at the bottom of the testimonials when going to mobile size, there won't be an issue if I just make this layout work as it is, but then the 2 buttons will have to stay at the top of the testimonials, as drawn with purple marker, any way to tackle this down?
grid child positioning and margins
Yo.
I'm trying to figure out if there is a way to move the position of a grid-item inside the grid block. As you can see here, the text and image is spaced out quite a bit, so I wondered if there was a way to have the text sit on the far right of it's block (end?) and the image sit on the far left (start?)
https://codepen.io/Laing91/pen/JjxrJOb...
grid responsive
Hi, I would like to know if you can help me, I wanted to know what would be the best possible option to put this responsive display grid, the container is limited to 1280px and the card to a max-width: 270px.
Border "padding"?
Hello everyone, with a div that has padding-inline, how do you typically styling to achieve a border like this image?
I usually add border to pseudo-element like ::after or to a child div instead, just wondering if there is a better way......
