EmbeddingGemma 2: an open, lightweight multimodal embedding model
deepmind.google·6d ago
AI Engineering
Lobsters·Aug 4·5 min read
we finally learned to center a div, then browsers added sidebars
TL;DR
Centering a div in web design has become more complex due to browser sidebars, which affect the perceived alignment. A JavaScript solution to calculate the width difference between the browser window and the webview is proposed, but it doesn't resolve the issue of split widths.
✦ Why It Matters
Consider implementing responsive design techniques to ensure consistent centering across various browser configurations.
Key Takeaways
- Use CSS Grid for simpler div centering.
- Account for browser UI when centering elements.
- Leverage pointer events for accurate positioning.
- Try 'center, actually' for automatic centering adjustments.
How It Works
The solution involves calculating the difference between the webview and the browser window using JavaScript. By utilizing pointer events, the exact position of the viewport can be determined, allowing for accurate adjustments to the centering of elements.