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?
How do you set proportional border-widths based on image size?
Codepen: https://codepen.io/nathanchase/pen/QWovJRx
I'm trying to make it so that the border is the same approximate width proportional to the size of the image, so a smaller image will have a smaller border width, and a larger image will have a larger border width.
I thought setting a
container: inline-size on a parent element and using cqi units on the border-width would work, but it doesn't seem to. ...
Mason layout are not arranging itself in required format.
i'm using 3rd party library phot-album for displaying masonary layout
what caused the problem?
i believe the issue is caused by the fact that some of the images have forbidden access
below is the function through which i'm handling the 403 forbidden error
can someone please check and let me know if i'm handling the 403 error correctly?...
trying to get a better understanding of the connection between html and css
how you should connect them clean between multip[le files and why it skips certain html files
Vertically align text that is wrapping a shape
Here's a puzzler. I wasn't thrilled with any of the solutions I came up with, so I thought the hive mind might point out a simple solution I'm missing.
- Everything is text.
- The solution has to work with any amount of text in the right-hand area.
- The left-hand circle has a fixed size and limited range of content (no need to worry about overflow)
- HTML can be structured to fit...
