Frontend

I will start this post with a quote from webassembly.org: WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications.— webassembly.org That’s a lot of technical jargon. In very simple terms, Wasm provides a way to run code written in multiple languages on the web at near-native speed. Where multiple languages refers to all these languages.

In this tutorial, I’ll show how to make items of a flexbox to go to the next line on the window resize. There comes a time in life when you need to create layouts where block snaps to next line when the window is too narrow. This is a best practice in responsive web design. The Setup # Let’s get started creating a skeleton for our experiments: