Hackers' Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

Ana Tudor 🐯 @anatudor@mastodon.social

4/23/2025, 6:31:40 PM

Public

Help an idiot who is useless with layout? How can I get this result with flexbox and no media queries? If viewport wide enough, those small articles are on the side, one under the other. Otherwise, they're below, next to one another.

https://codepen.io/thebabydino/pen/XJJpjzv

Thanks!

#CSS #flexbox #layout #code #coding #frontend

Wide screen case. One big image on the left, two small articles with images on the right.

Narrow screen case. The two article elements have moved below the big image.

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/anatudor/statuses/114388703646768982 on your instance and quote it. (Note that quoting is not supported in Mastodon.)