Menu dropdown issue with nested items
Hi on this test site https://stage.dembetheatre.org/
I have a dropdon menu that has an icon that is used in mobile menu to open close nested levels
for the desktop version i have an issue in the i need the icon backround and color to change when the <li> is hovered but at the moment only the main element is taking the hover state, i need to include the icon background and color...
please let me know what i am missing, i have tried removing all styles from all elements other than the li but i am unable to target the icon element to change state when the associated nav item is hovered...
how to isolate an element from specific styles
i want to isolate this .not-content element from global styles but i want an other
styles to effect
```css
:where(:is(button, input, optgroup, select, textarea)) {
font-family: inherit;...
Creating UI for game
I need to create a UI element for my project I have issue creating it and it's a little challenging
Vscode html relative links auto updater?
Hello all,
In Vscode if i move one of my root html files with navigation bar and links into a new folder, is there a way that vscode can auto update the links for me?
Any advice would be greatly appreciated....
Displaying a border image over another image
So this is what i'm sitting at
```css
.inner-image{
position: absolute;
right: 0px;...
Grid Layout Not functioning responsively
I'm completely lost on how to make this fit in my at all times
I've tried setting a min and max height but i don't think i understand them well enough so i couldn't get it to work
i've tried changin the main message container to 90% and still doesn't look the part
```html
<div class="main-message-container"> ...
main-message-container
main-message-container
html input behaviour
i've been wondering about this for awhile. when your text input starts running out of room the right side of it starts to disappear (as shown in this screen recording; gave the input a bg of hotpink to further illustrate) and its value starts getting cut off. is there a way to stop this behaviour or always make sure its the width of its value? (well besides min-width: npx or something)
like does it recognize its input.value as content ? doesnt seem like it or it wouldnt hide itself, it would overflow which would be better....
get value of sibling above
Hey, if i have a structure like so:
...
<p class="a">...</p>
<p class="b">...</p>
<p class="a">...</p>
<p class="b">...</p>
Can't figure out how to wrap text under an image
Basically, what I want to achieve is this (1st image):
https://prnt.sc/EO_CIn76U9UT
The closest I can get to my desired result is with flex - which results in this (2nd image):
https://prnt.sc/kyvUnM2vIww4...
How to add stuff off of my sidebar
I want to add stuff on the right side of my website but it isnt showing up
Using escaped unicode in content
Is it possible to use escaped unicode in content to get emoji combinations like Phoenix for example, seems like this is not working. (🐦🔥)
I tried both with the plain emoji and the escaped unicode.
```css
.phoenix::after {
content: "🐦🔥";...
Trying to get the cards over each other properly
I want to set the back-card under the front-card with wider and shorter than the front-card, but couldn't getting anywhere...
The back-card is in the demo not showing properly as in the pic https://play.tailwindcss.com/9j1fku0Afd...
Overflow Issue
https://w5bkz10l-3000.inc1.devtunnels.ms/
I'm trying to find which section is overflowing,
tried inpecting all of them, no luck.
Can you please help...
Using Vite with SCSS
So i was advised to try scss with vite instead of just using node as i was getting errors.
What i did was:
-create new folder on desktop and open it in vs code
- use the cmd
npm create vite@latest
-Selected Vanilla JS framework...Absolute position with grid
I need help to position a text and image inside a grid item which size its 2fr but trying to position it in the place i want and then resizing the page it moves and i cant make a calc function because the size of the grid its on fr units
https://codepen.io/Santiago-MR/pen/ExJMrwj...
SVGs <use> and not...
Hi guys I really would aprecciate come help here. In this HMTL are two ways of using svgs but one of them is not getting the size of the actual svg (image) change it only changes the size of the container. The weird thing is that the two of them are responding to a change of color fill:red but just one is responding of a change of height. Can you figure out why?
https://codepen.io/Ari-Cohelo/pen/WNYoBjR?editors=1101...
Handling inner text when element is transform: scale()'d, how to make not blurrier when scaled up?
GH:https://github.com/nnall/hm-frontend-Nick.git
I have an element in my react return, several really with this scenario, but for now this one in particular:
```...
React + Tailwindcss users? Help with some examples please!
I'm trying to learn this damn thing, unfortunately every job here uses it and I've done nothing but vanilla css for 3+ years and sadly, this stuff is pure alien to my little pepega brain.
Could you perhaps show me an example of a card, or a navbar using React/Tailwind? or honestly just any kinda simple component so I can get a feel as to how this is used.. preferably something using grid/flex too.
Thanks!...