Restrict element to dimensions of page
Is there some method to simply tell an element to not overflow the dimensions of the page and instead to just resize itself to stay within the pages dimensions?
So, I have an element with a necessary
position: absolute and its parent with a necessary position:relative;. I cant seem to position it relative to the page, because it will obviously always only position itself relative to its parent.
https://svelte.dev/repl/cad337d2bc4e4f0cb51b1b24aafc09f1?version=4.2.12...
can somebody tell me the correct path for this image?
I tried:
<img src="../hero-img.jpg" alt="Hero image">
<img src="./images/hero-img.jpg" alt="Hero image">
<img src="../images/hero-img.jpg" alt="Hero image">
<img src="/images/hero-img.jpg" alt="Hero image">...
Space Issue
This is the child of a flex and dont why there is this space in red here and flex direction is column, what could be the reason?
I uploaded it to codepen and code isfine there.
Why this is happening in both browsers i.e Chrome and Firefox....
How to style "increment" and "decrement" arrow buttons in a scrollbar?
Hi everyone, I made a container for the future cards and wanted to style a scrollbar buttons (increment and decrement). I tried "::-webkit-scrollbar-button:vertical:increment" but it didn't work. Do you know how to style them? I wanted beautiful blue arrows. Thank you!
Grid or Flex?
I was never good with grids, to be honest I barely know of css grids.
But I feel like I can do this much better by using css grids, suggestions?...
Need Help with a Responsive grid display
I'm working on a press page for a game me and my friends are creating and I cannot figure out how to make this section do what I need it to do for the design to work.
I've been sitting here for 3 hours trying different approaches to Display: grid using repeat, auto-fit, auto-fill, minmax and everything. Please someone shine a light on this for me.
The images basically need to be by the side of their paragraph when the display has width and when smaller they need to go above (in the case of the first 2 images) or below (in the case of the last image). I feel like I am over-complicating this, but I wanted the image to only cover about 30% of the line space and the text be the rest of the 70% of the space (on desktop).
I've tried so many things and nothing is doing this correctly. In I have not been able to make it responsive, I've gotten close to it but it does not respond correctly. pls help, I've only been coding for 3 months am new to this. ...
:last-child:first-letter:hover
The two photos I have attached are my issue I am trying to target the first letter of the last child when hovering to change the first letter to a different colour so you can see it.
```
* {
margin: 0;
padding: 0;...
the smouth telebort
give me the smouth telebort in 3s from <a href="#shop">Scroll down to Smouth</a> to <a name="shop"></a>
How do I have text go to the start when exceeding the width of `textarea`?
Yeah, basically what the question and image entails. Is there a way to have writing go all the way back there when someone types more than the width of the
textarea?
Website on Smaller Screens
Hello. I used media queries to adjust the view of my website when it's being viewed on smaller screens or resolutions. It works when I shrink my browser window but when I inspect and preview it mobile, it still looks really bad. Why are my media queries not working?
Issue with image span
I'm trying to span the image to the 3 column, but it's not working. I did some research couldn't find any answers.
Code pen: https://codepen.io/Jonah-the-lessful/pen/qBwjXVo...
Still blur on carousell
How to make previous icon and next icon next to the carousell to scroll my carousell instead of carousell controls i have no idea how to do i did many research on it i didn't got using bootstrap icon
Need help with an unsymmetrical design
I have this design that I have to make. It looks too animated to create things in pure css. I would like to know the best practice for this.
- Should I use absolute positions for background and logo and the book icons?
- Should I use svg icons inside button tags for buttons?
- And use svg images for background in various places such as the bottom text with the yellow paper background and the cloud texts?...
Need to make the text responsive
How do I make the image and text responsive to the image so that it is always on the strips
