Update tutorial unit 4 by giving more explanation on h1 style in about.astro page

[andrzeij]

…about.astro

Description (required)

For tutorial unit 4, it doesn't explain much about the effect of refactoring the about.astro page that it will replaces the local h1 style with h1 style from the BaseLayout. The visual cue is that the existing h1 colour is purple, but by applying the changes suggested in the tutorial will change the h1 colour to black.

So I am suggesting to add the following note at Line 142:
(Note: using the BaseLayout to render your about.astro page means you will lose the style for h1. If you want to keep the h1 style, you need to pass the h1 style to BaseLayout as props via component attribute.)

Related issues & labels (optional)

• Closes #
• Suggested label:

Yes, first time contributor. Please help me with any suggestion to make it better, thank you.

Discord username: andrzeij

[netlify]

✅ Deploy Preview for astro-docs-2 ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	9d6c603
🔍 Latest deploy log	https://app.netlify.com/sites/astro-docs-2/deploys/66da01d01fb58800088ae56e
😎 Deploy Preview	https://deploy-preview-9271--astro-docs-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[astrobot-houston]

Hello! Thank you for opening your first PR to Astro’s Docs! 🎉

Here’s what will happen next:

1. Our GitHub bots will run to check your changes.
   If they spot any broken links you will see some error messages on this PR.
   Don’t hesitate to ask any questions if you’re not sure what these mean!

2. In a few minutes, you’ll be able to see a preview of your changes on Netlify 🥳.

3. One or more of our maintainers will take a look and may ask you to make changes.
   We try to be responsive, but don’t worry if this takes a few days.

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

Locale	File	Note
en	tutorial/4-layouts/1.mdx	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[sarah11918]

Hi @andrzeij ! Thanks for taking the time to provide feedback on the tutorial! You're right that this is something that people may encounter, and I have a suggestion below for the action I'd suggest. Let me know what you think!

[sarah11918]

Thank you again @andrzeij for contributing this! I just suggested what I think I would suggest to our new users in the tutorial as a remedy that I think is simpler and requires less explanation of how to do it.

We appreciate you taking the time to contribute and are happy to welcome you to Team Docs! 🥳