Styling of Hero Image (Responsive)

[erynrat]

Can someone make these style edits to the hero image and text on the homepage?

Large Laptop (1440px wide):

• Move hero image down so pencil tips aren't so close to white nav bar
• What is the next size down from the current text "Funding Teachers. Empowering Students."? This is looking a little big to me, but if it is a big jump down I will reconsider.
• Can you made the tagline below bolder so it is a little more readable. Here is my original design:
  

Smaller Laptop (1024px wide):

• Move hero image down so pencil tips aren't beneath white nav bar
• Header and tagline jump too far to the left when going from 1440px wide to 1024px wide. I'm hoping these basically look the same (more like 1440px wide) but with less left and right margin.

Tablet (768px wide):
So the tablet needs a good amount of help. :)
Here is a screenshot of how I want it to be upon load:

Here is how it is currently:

Changes:

• Make hero image go down to fold on tablet on first load
• Pencils should still be visible with pencil tips under the logo but not under the nav bar
• Header and tagline shift down and below the pencils, slightly smaller than desktop size (what are the text size standards and I can update my design if need be?)

Mobile (425px wide and below):

• Move hero image down and to the left so pencil tips are visible and below the logo
• Move text down so not overlapping pencils
• Give more margin on left of text
• Increase line height in both the header and tagline

Here is my design:

Here is the current site:

Any questions, let me know!

[jkimexploring]

I can work on this!

[erynrat]

Thank you, Jenna! Let me know if you have any questions and I'll try to answer.

[jkimexploring]

So I've been trying to figure out if there'd be an easier/ less intrusive way to solve the space issue between the navigational part and the pencil tips and I think a lot of it could be solved if the image and text were in their own component. Are you cool with that or do you see a different way?

[joelwass]

I think that works, @stripedpajamas what do you think

[stripedpajamas]

For sure

[Jay-Topher]

Hi, has this issue been resolved? I would like to work on it.

[joelwass]

Hi Jay! It actually has - sorry i didn't close it. A PR was submit about a week ago.

Take a look at our other issues and see if any interest you!