{"ancestors":[{"id":"111959489562456823","created_at":"2024-02-19T18:10:34.778Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://fosstodon.org/users/hexagoncircle/statuses/111959489562456823","url":"https://fosstodon.org/@hexagoncircle/111959489562456823","replies_count":2,"reblogs_count":2,"favourites_count":12,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e📝 New post: The classic 50/50 layout and scrolling section overflow\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://ryanmulligan.dev/blog/50-50-overflow/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"ellipsis\"\u003eryanmulligan.dev/blog/50-50-ov\u003c/span\u003e\u003cspan class=\"invisible\"\u003eerflow/\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","reblog":null,"application":null,"account":{"id":"109326313889802446","username":"hexagoncircle","acct":"hexagoncircle","display_name":"Ryan Mulligan","locked":false,"bot":false,"discoverable":true,"indexable":false,"group":false,"created_at":"2022-11-11T00:00:00.000Z","note":"\u003cp\u003ePassenger through space and time, front-end web builder \u0026amp; bittersweet songs enthusiast. CSS is always on my mind. he/him\u003c/p\u003e","url":"https://fosstodon.org/@hexagoncircle","uri":"https://fosstodon.org/users/hexagoncircle","avatar":"https://cdn.fosstodon.org/accounts/avatars/109/326/313/889/802/446/original/4a623c93ec59b8a7.jpeg","avatar_static":"https://cdn.fosstodon.org/accounts/avatars/109/326/313/889/802/446/original/4a623c93ec59b8a7.jpeg","header":"https://fosstodon.org/headers/original/missing.png","header_static":"https://fosstodon.org/headers/original/missing.png","followers_count":765,"following_count":218,"statuses_count":860,"last_status_at":"2026-04-01","hide_collections":false,"noindex":true,"emojis":[],"roles":[],"fields":[{"name":"Website","value":"\u003ca href=\"https://ryanmulligan.dev\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eryanmulligan.dev\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2022-11-15T14:59:22.631+00:00"},{"name":"Buy me a coffee","value":"\u003ca href=\"https://buymeacoffee.com/ryanmulligan\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ebuymeacoffee.com/ryanmulligan\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":{"url":"https://ryanmulligan.dev/blog/50-50-overflow/","title":"The Fifty-Fifty Split and Overflow","description":"A responsive 50/50 component with a scrollable section","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UMS=^=Q:x@oyoybHf6kB.jt*MzaLa2jGkBV]","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111960460601370977","created_at":"2024-02-19T22:17:28.000Z","in_reply_to_id":"111959489562456823","in_reply_to_account_id":"109326313889802446","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/simevidas/statuses/111960460401710087","url":"https://mastodon.social/@simevidas/111960460401710087","replies_count":1,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://fosstodon.org/@hexagoncircle\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ehexagoncircle\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e What determines the height of the layout?\u003c/p\u003e","reblog":null,"account":{"id":"129843","username":"simevidas","acct":"simevidas@mastodon.social","display_name":"Šime Vidas","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2018-08-21T00:00:00.000Z","note":"\u003cp\u003eI’m interested in HTML, CSS, and making the web less annoying. My name is pronounced ˈshe-meh.\u003c/p\u003e","url":"https://mastodon.social/@simevidas","uri":"https://mastodon.social/users/simevidas","avatar":"https://cdn.fosstodon.org/cache/accounts/avatars/000/129/843/original/f359b913ee157eb1.jpeg","avatar_static":"https://cdn.fosstodon.org/cache/accounts/avatars/000/129/843/original/f359b913ee157eb1.jpeg","header":"https://cdn.fosstodon.org/cache/accounts/headers/000/129/843/original/b36adef112973d71.jpg","header_static":"https://cdn.fosstodon.org/cache/accounts/headers/000/129/843/original/b36adef112973d71.jpg","followers_count":1060,"following_count":96,"statuses_count":5554,"last_status_at":"2026-04-19","hide_collections":false,"emojis":[],"fields":[{"name":"blog","value":"\u003ca href=\"https://šime.eu\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ešime.eu\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[{"id":"111960460469133027","type":"image","url":"https://fosstodon.org/media_proxy/111960460469133027/original","preview_url":"https://fosstodon.org/media_proxy/111960460469133027/small","remote_url":"https://files.mastodon.social/media_attachments/files/111/960/458/432/035/490/original/370a74cd7a132d17.png","preview_remote_url":null,"text_url":null,"meta":{"focus":{"x":0.0,"y":0.0},"original":{"width":1884,"height":1060,"size":"1884x1060","aspect":1.7773584905660378},"small":{"width":640,"height":360,"size":"640x360","aspect":1.7777777777777777}},"description":"Flexbox layout. Image and scrollable text box side by side.","blurhash":"UUPjJm0KIo?I-;oyaeWB~p-:aKR*%KskWBRj"}],"mentions":[{"id":"109326313889802446","username":"hexagoncircle","url":"https://fosstodon.org/@hexagoncircle","acct":"hexagoncircle"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}],"descendants":[{"id":"111961872143846210","created_at":"2024-02-20T04:16:29.000Z","in_reply_to_id":"111961727642813253","in_reply_to_account_id":"109326313889802446","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/simevidas/statuses/111961872117871645","url":"https://mastodon.social/@simevidas/111961872117871645","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://fosstodon.org/@hexagoncircle\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ehexagoncircle\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e Ah, the image has `aspect-ratio: 4/3`. I was confused why the layout is so short, and why it doesn’t show the full image height.\u003c/p\u003e","reblog":null,"account":{"id":"129843","username":"simevidas","acct":"simevidas@mastodon.social","display_name":"Šime Vidas","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2018-08-21T00:00:00.000Z","note":"\u003cp\u003eI’m interested in HTML, CSS, and making the web less annoying. My name is pronounced ˈshe-meh.\u003c/p\u003e","url":"https://mastodon.social/@simevidas","uri":"https://mastodon.social/users/simevidas","avatar":"https://cdn.fosstodon.org/cache/accounts/avatars/000/129/843/original/f359b913ee157eb1.jpeg","avatar_static":"https://cdn.fosstodon.org/cache/accounts/avatars/000/129/843/original/f359b913ee157eb1.jpeg","header":"https://cdn.fosstodon.org/cache/accounts/headers/000/129/843/original/b36adef112973d71.jpg","header_static":"https://cdn.fosstodon.org/cache/accounts/headers/000/129/843/original/b36adef112973d71.jpg","followers_count":1060,"following_count":96,"statuses_count":5554,"last_status_at":"2026-04-19","hide_collections":false,"emojis":[],"fields":[{"name":"blog","value":"\u003ca href=\"https://šime.eu\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ešime.eu\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[],"mentions":[{"id":"109326313889802446","username":"hexagoncircle","url":"https://fosstodon.org/@hexagoncircle","acct":"hexagoncircle"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]}