Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Home Content Updates #14

Merged
merged 5 commits into from
Nov 27, 2023
Merged

Home Content Updates #14

merged 5 commits into from
Nov 27, 2023

Conversation

KennethSkylight
Copy link
Collaborator

@KennethSkylight KennethSkylight commented Nov 15, 2023

Added content updates for the home page

Screenshot 1

image

Screenshot 2

image

Screenshot 3

image

@sarahtress
Copy link
Collaborator

@KennethSkylight could you provide a screenshot of the middle of the page? everything you sent looks good but I can't get a good sense of what the full middle section looks like (How we can help section)

@KennethSkylight
Copy link
Collaborator Author

@sarahtress got it

@KennethSkylight
Copy link
Collaborator Author

@sarahtress

Oops didn't link the screenshot

image

@sarahtress
Copy link
Collaborator

@KennethSkylight looks good to me, thanks!

pages/index.js Outdated
<p className="font-semibold">
Get the data that you need in the format that you want it
</p>
<br />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should not be using <br/> to create spaces between paragraphs. We should use CSS, something like the one below, or create a new CSS class.

 p {
   margin-bottom: 16px; 
 }

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed with Josh here, the problem is
and screen readers don't play well so its an accessibility issue. Looks like it may have been like that before this PR but it should be an easy tweak to fix here? Other than that this PR looks great tho!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I changed it

Copy link
Collaborator

@gordonfarrell gordonfarrell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.


tag swap out for some margin CSS etc is the only thing, other than that looks good

pages/index.js Outdated
<p className="font-semibold">
Get the data that you need in the format that you want it
</p>
<br />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed with Josh here, the problem is
and screen readers don't play well so its an accessibility issue. Looks like it may have been like that before this PR but it should be an easy tweak to fix here? Other than that this PR looks great tho!

Copy link
Collaborator

@gordonfarrell gordonfarrell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@KennethSkylight KennethSkylight merged commit 75931d5 into main Nov 27, 2023
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants