can you defer a sass media query
I am trying to do what I saw KP do in his folder setup, however, my media query goes a head of my actual code. I have separated it and I have to use the @use on the top meaning when it imports the query for some reason haves to go on top in the css file.
```scss
@media (max-width: 650px) {
header {
background: blue;...
CSS grid item not spanning across my browser
Hello, I defined in my grid container that I wanted 5 explicit columns each of them are sized 1fr. When I tried to span my image across the browser by putting grid-column: 1 / 5; It does span the entirety of the browser and all my other grid items are pushed against. Can someone help me with this?
https://codepen.io/davesamuels1998/pen/OJqgOOR...
contact form email doesn't have the message from a textarea input
my contact form works, but the email i get doesn't have the message from the textarea included. what is the problem here?
html
```html
<form onsubmit="emailSend(); reset(); return false;">
<input type="text" id="name" name="name" placeholder="Name" required>...
How to make such Invisible Input and cursor ?
https://monkeytype.com/
I see no input box here but I'm able to type, I don't think it is event listener.
I found alternate Project which is clone of above site
https://github.com/thisissteven/monkeytype-clone/blob/main/app/src/components/Game/TypingInput.tsx#L164...

Login Page
I want this developer.html to go to index.html when I press login if the username and password are correct. here is the code
```html
<!DOCTYPE html>
<html>...
Is it possible to make a img gallery only using HTML/CSS and still having it look cool?
I just wanted to know would it be possible to create an img gallery with only html/css and still allow the user to interact with it? For example they can click on an img and the img pops up to the center of their screen
Sticky Floating Navbar Disappearing
I want to create a floating sticky navbar for my website. The problem is that once I scroll past the full viewport, the navbar disappears. I am using react and panda-css.
```js
<nav className={css({
display: "flex",...
Margin/Justified issues
https://codepen.io/Miss-Fox/pen/NWJgRjB?editors=0100
So I'm trying to emulate a swipe so that if one of these ".item"'s has focus, its translated over to show the user the very end of the list. I am up to my neck into margins and "justify-content" "justify items" "justify self" and for the life of me cannot figure out how to fix it.
I want the behaviour of ...
Hover prb
Hello,
i have prb when i hover the picture the size increase and the border-bottom-radius appear and that's is not correct
here is the css code the correct is when i hover the picture should be scaled without change the size please f you have any solution
.container .banner-2{
position: relative;...

Getting content more centered layout
im trying to get this layout more centered with some gap between city text and the tables of weather data (pico css styled tables). My goal is some space between the two tables and the city text to be more separated and pronounced to the user. below is a screenshot of the current resulting layout and code. Please let me know what I can do to improve things to reach the goal. I'm terrible at css and can't seem to figure out and my goal is more backend

New to JavaScript
I learned JavaScript, CSS, and HTML around November on freecodecamp, but I was focusing on HTML and CSS, and I completely forgot the learning of JavaScript. Do i just go back to freecodecamp to learn it? And I don't know how to implement JavaScript with HTML and CSS.

Component page flash
I've made a component that uses flexbox, though I wanted to make sure that the container fills based on the common factors of the number of elements (i.e. 6 boxes fill:
1 row, 6 columns or
2 rows, 3 columns or
3 rows, 2 columns or
6 rows 1 column)....
discount calculator
I realise a discount calculator
who should show on the bottom :
first: the name of the product
second: the price ...
Using grid to lay out a website, avoiding potential use of dvh
Hi, so I have really two questions that go hand in hand.
See, I am new in this whole "using grids to lay out" sites thing. I have seen a lot of people simply add those grid elements to the body tag itself, which honestly was pretty eye-opening, although messing with the body tag like that is a little daunting, but there doesn't seem to be an issue with it?
The reason I'm asking this is because I was doing an assignment from The Odin Project and placed a div container inside of the body to create the grid layout. However, when zooming out, the bottom of the page would simply end without rendering, like in the attachment. Once I asked how I could solve it since 100vh didn't seem to work in the server for the course, someone simply added a 100dvh to the div containing the grid, which worked. However, I know that, while the dynamic viewport units are supported in all major browsers, they're still relatively new and could not be the best fit for compatibility or the likes. And thus, I am wondering two things:
...

Div Alignment Not Working For Me
Ok I generally prefer live help but gonna give this a shot.. I am working on an alert for OBS/Streaming. Currently it wants to be in the center/middle of the viewable area. Where the name is, it expands giving the length of the name, so if I want it placed in the top right corner, and someone with a long name follows, it will screw up the placement.
SO what I have been trying to do for the last few hours, is make it want to align to the right, so when it expands, it just grows out to the left. But everything Ive googled and tried to implement isnt working. Starting to think its not possible.
I have a pen with a rough example:...
Line Rainbow text
Is there a way to animate text with css to do directional gradients similar to this picture?
