Boost Web Performance and Solve CSS Layout Issues
Summary of my bookmarked links from Mar 22nd, 2023
- Improving performance with React, WASM & Rust
- Solving All CSS Layout Issues — any screen, any root font size, without JS
This article discusses how to create responsive webpages with fluid design, ensuring that they look perfect on any device regardless of screen width or font size. The author emphasizes the drawbacks of using pixel-based layouts and highlights the benefits of using "rem" units instead. They provide a CSS template that utilizes "rem" units and CSS media queries to adapt the layout and font sizes based on different screen widths. The template includes molecular, submolecular, and atomic classes for organizing the CSS styles. Overall, the article offers a solution to CSS layout issues and promotes the use of "rem" units for a more flexible and responsive design.