Added 404 template

[kimclowa8c]

Changes done in this PR

• Updated 404 template to match Figma.
• Added additional CSS into the style.css file.

Mentions #12

[carolinan]

Thank you for working on this.

• [x] Minor: The title font size and font weight needs to be adjusted to match the design (80px, 400 font weight) The preferred place to add the style would be in theme.json > styles > elements > H1.

We would need to manually enqueue the stylesheet for both the editor and front. Let's try adding it in theme.json instead?

I did not fully understand why the padding needed to be on the input field and not the block.

[kimclowa8c]

Hey @carolinan Thanks for the feedback.

Your minor feedback here has the box checked. Just confirming, did you make this change?

We would need to manually enqueue the stylesheet for both the editor and front. Let's try adding it in theme.json instead?

I'm afraid I'm not a developer - I work mainly in the site editor and in blocks. Can you assist with this?

I did not fully understand why the padding needed to be on the input field and not the block.

The padding is for the word "search" inside of the input field. It's not for the block itself.

I would recommend having the same style for the block, no matter which template it is used in? I meant, I think we should remove .error404?

This was done purposefully in case different formatting is required for other search blocks throughout the site, perhaps on different background colours. However, happy to remove the block specification if you'd prefer to.

The height here is interesting because even with https://github.com/WordPress/community-themes/pull/41/files, we would not be able to add the height to the input field without custom CSS.

Yeah, the height in Figma was specified, but there isn't an option to set the height in the site editor, so I used CSS.

As a follow up we should either remove the pattern or move this content to the pattern.

Okay - I'm not familiar with this process but will check it out!

[carolinan]

I can make the code changes, but I wanted to discuss them first.