Writing blog posts in Obsidian is now completely seamless. When you press Enter in Obsidian to create space between paragraphs, Astro renders that exact clean spacing automatically on your site.
Every paragraph is spaced out comfortably for reading, ensuring long-form articles look elegant without any manual formatting hacks.
MediaTextLeft: Image on left, text on right
Crafting Stories with Ease
This section demonstrates the MediaTextLeft component. The image stays on the left with custom rounded corners, while the text flows naturally on the right side.
As you adjust the image width, the height automatically updates to preserve the original aspect ratio without distortion.
Responsive Layout Flexibility
This section demonstrates the MediaTextRight component. Here the image sits on the right with a custom square 1:1 aspect ratio.
When viewed on smaller mobile screens, both components automatically adapt into a single-column layout for optimal reading.
MediaTextRight: Text on left, image on right
Enjoy writing in Obsidian!