digital artist, beginner plush maker, always longing for wintertime β˜ƒοΈ

πŸ‡΅πŸ‡±πŸ‡¨πŸ‡­πŸ³οΈβ€πŸŒˆπŸ‡ͺπŸ‡Ί

My fursona


eggbug emotes for your posts:

https://cohost.org/abramek/post/122343-you-can-copy-this-co


Fediverse
@Anna@mastodon.art
my website (with all other links)
abramek.art/

abramek
@abramek

I updated my website

I was putting it off for so long and I made a bold move of changing colour scheme and I'm SO happy with how it turned out ;o;

I even have a blog and a RSS feed now!!

The mobile version still needs some work but here it is:

Β 

loading...

🌈


abramek
@abramek

warning (courtesy of my friend): it may turn into absolute disaster if you open it on a phone. Or may not. But if it is bad please know that I have absolutely no idea why it's like that. Treat it as special effects provided by CSS rendering. And switch to your desktop.


abramek
@abramek

uh. it's not just phones. it's all chromium browsers.


abramek
@abramek

And it's one of the stupidest fixes ever.

So basically I set my images at:
width: 100%;
height: auto;

instead of:
width: 100%;
height: 100%;
min-width: 0;

and that caused the absolute chaos in chromium browsers. Why? According to forum posts from 2016 and later it's a bug, it was reported, google doesn't care, and this is the only fix I was able to find. The person who wrote it doesn't know why it works and the other thing doesn't since it's considered a bug 🀷 I spent my entire afternoon on this and I'm just

what the fuck


You must log in to comment.

in reply to @abramek's post:

So it's a very chaotic layout but... I use Jekyll to manage the templates and every line in the grid column is technically a blog post. Every image in a post has a class that defines flex value to keep image proportions, and they're all closed in a div that sets display: flex and width: 100%. This way they resize to fit the div column that encapsulates all posts. For some reason these flex properties aren't supported in chromium-based browsers so the images bleed outside the middle column and get stretched :/