Images shrinking instead of text
I have a div with basically three columns: text, an image and a div with two images. Right now, the div with two images is looking like the first image, they are pretty small. I want them to take up the full height (2nd image) at the cost of the width of the text. I've tried a lot of things, but still couldn't figure it out :) Thanks
`
<section
id="about"...
🤏Even less elements?
Heya, i'm trying to make this effect with the least amount of elements possible, pseudos included.
Second thing, mind giving me some tips for fixing the antialiasing for these? i tried everything from offsetting to filters but there are still hair thin lines.
Still quite proud of my solution, defo not anything to prod tho lol...
Separator list method
Hey, I was trying to crack a responsive, dynamic way of achieving elements separated by separators, for example the image below where you may have text and an icon.
My idea was to add a border to every even element in the list and a bit of left padding. I’d probably utilise flex to have a wrapping ability but the problem comes when they wrap since you’d then have the border not separating anything and it’d look strange unless I use a media/container query and or js which is less dynamic imo i can’t really counter that.
I’d appreciate any ideas since I’m quite stuck atm, thank you in advance....
How to make the anchor tag take up the full space of the list item it's present inside.
As you can see in the image, my anchor tag containing 'Home' only takes up as much space as the content inside it (the text home). How can I make it occupy the entire space of the list item?
my HTML code:
<!DOCTYPE html>...
