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...
How to reduce text content instead of squeezing the text ?
If you look at this text part, this text content get reduced when width is reduced instead of squeezing the text. How can I do that ?
I'm working on a React Application....
