js question
https://codepen.io/etrbbr/pen/LEPoMQZ
Hey guys. When I add a new <li> element, an <hr> line should appear after each one. But the problem is that when I add it via JS, it works incorrectly.
How it should look – in CodePen before adding new elements....
responsive-problem with the scaling of 2 images with position absolute on
hi there ,
if i resize the window the other on is bigger than the other one and they are not in same position as before .
if anyone had an idea what i can do ? https://codepen.io/Styxio-frik/pen/qEWzwGZ...
Center a div
This is my solution for challenge number 1.
My question is that when I set the style the parent div is automatically centered horizontally .
If I do the following it centered horizontally too:...
CSS grid that's constrained vertically
Finding it pretty difficult to recreate this pattern tbh
Each image needs a fixed aspect ratio (easy enough), but as the grid grows the content should be constrained by the grid height and overflow/grow horizontally if it needs to.
Problem I've currently got is how the horizontal space is distributed between columns rn (2nd image)...
css questions
I’m a little bit confused about background images.
Do I really need to use them as background-image, or can I just use an <img> tag and set position: relative? Also, I don’t like how background-image behaves when I resize the screen.
...
Image masked with image wrapper in Grid..
👋 Hi All,
I’ve been struggling with what I though would be a simple layout..
I am hoping to create a 2 column grid with an image that fills two columns and an image wrapper that uses “overflow: hidden; to reveal the image in just a single column.....
need help to implement it
https://codepen.io/etrbbr/pen/VYZNyxM
The question is how to make it look like in the picture, where there is a large gray background section in the header, and this section overlaps part of the cards. How can this be done?...
Resize block after text wrap
I want to create pricing list like on image. I use flex container on each line, inside are two text blocks and hr between them.
```css
.option {
display: flex;...
