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...
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.
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:
...
Line Rainbow text
Is there a way to animate text with css to do directional gradients similar to this picture?
