jamesp
4906364a65
Nav.astro was using the #smallbusiness-main-menu id/CSS (designed for the tall under-logo nav row) while rendered inside #top-menu-container (the compact top bar), causing items to overflow onto a second line. Switched to the matching #smallbusiness-top-menu styling and dropped the extra "Home" link that pushed it over. Single nav bar, as intended. Splide's core CSS import from Slideshow.astro's frontmatter was being silently dropped from the build (component-level bare CSS imports don't bundle the same way layout-level ones do) -- moved it to BaseLayout.astro where global.css already imports successfully, and switched to the full theme CSS for real arrow/pagination styling. Also fixed #slideshow .post-slide: position:absolute with no explicit top/left fell back to its hypothetical static position (right after the 354px image), pushing the caption overlay below the visible slide instead of on top of it. Pinned top:0; left:0 so the margin-based offset actually anchors to the slide. Verified visually via headless Chromium screenshot, not just HTML content -- the earlier "renders the 5 latest posts" check only confirmed the data was present, not that it displayed correctly.
Astro Starter Kit: Minimal
npm create astro@latest -- --template minimal
🧑🚀 Seasoned astronaut? Delete this file. Have fun!
🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/ directory.
🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
👀 Want to learn more?
Feel free to check our documentation or jump into our Discord server.