sometimes i don't know how to use css correctly
main-section max-h-full relative top-24 h-4/6 flex flex-col
...clip-path not displaying cssbattle safari imac
<a><b><style>
body{background:#004416;margin:70 120;display:stacked}
a{width:160;height:160;background:#82CA9C;position:absolute}
b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)
<a><b><style>
body{background:#004416;margin:70 120;display:stacked}
a{width:160;height:160;background:#82CA9C;position:absolute}
b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)
vertical centering
Expanding row that is being clipped
https://github.com/dinki/View-Assist/wiki/ This has thrown me head first into the unknown world of CSS (for me). I am trying to modify some of the cards that Home Assistant provides to full screen views and am running into an issue....
How can I scroll it from right to left like a wave?
justify-content vs margin auto
Navigating back to previous page
history.back()
but the problem is if i copy paste the link and then i hit the back button the user will go back to the previous tab even if its not our domain. i want the user to go to home page if previous page is not a page from our hostname
using react-router-dom
for navigation
```javascript...How to make a responsive color design with image.
How to responsively move elements from a row to a column with subgrid?
Searching for a specific background clip/mask property
Any helpful resources for styling a search bar with an adjacent search button?
Creating a cart functionality
I just dont really know how to create the cart itself , i've looked it up and the results are mostly different kind of cart functionalities. My first thoughts were that i create a div that's hidden but then gets visible when the cart icon is clicked but that's as far as i currently am. Im not aware on how to get all the info and pictures in the cart without statically adding them...
disable user agent view-transition root conditionally
Why is the <div> with position-absolute and start-100 positioned outside the container?
Changing the color of a SVG image
<div>`
`<button class="modal-close"><img src="svg"></button>`
</div`...Weird layout shift with max-width
Adding table columns to a pure CSS Tree View
<details>
-<summary>
trick to turn an ul
into a tree view where you toggle items to hide/display them.
I would like to introduce 2 more columns to this Tree View, i.e., the resulting table will have the expandable li
and the second and third columns will have some value that should be aligned (and only show up if its respective li
counterpart is toggled open
). To make simple to explain, I have attached a GIF explaining the approach.
...Modal exit animation debugging
<dialog>
and then press Esc
, it shifts to the top of the screen while playing the exit animation. If I press Esc
while still focused within the <dialog>
it stays in place. Has anyone encountered this / found a solution? Codepen link: https://codepen.io/ptrfrncsmrph-the-vuer/pen/QWRqJPWGetting 'position: absolute' to be responsive๐