Marmalade-ai / company-website-old

Previous source code for the website at https://marmalade.ai

MIT License

0 stars 0 forks source link

Stopped niche page titles from wrapping and got vertical alignment wi… #171

Closed craigfisk closed 3 years ago

craigfisk commented 3 years ago

…th 64-pixel icons working by styling in new src/styles/global.css, Method following https://www.gatsbyjs.com/docs/recipes/styling-css/ was to create src/styles/global.css and then create a 64-pixel tall line in which the image and the text are both vertically-aligned independently. Also, only way I could find get space between the icon and the text was "gap".

Global CSS applies this to all H1's, so see if think it is OK.

gatsby-cloud[bot] commented 3 years ago

Gatsby Cloud Build Report

marmaladeai

:tada: Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

:clock1: Build time: 1m

Performance

Lighthouse report

Metric	Score
Performance	:green_heart: 98
Accessibility	:green_heart: 97
Best Practices	:green_heart: 100
SEO	:green_heart: 92

:link: View full report

craigfisk commented 3 years ago

I think my changes in #172 provide a more general solution within the existing framework. Your changes will still require additional definitions for h2 and h3, in order to preserve relative sizes on other pages, e.g. About Us, for h1, h2, h3.

Yes, I hadn't thought of the impact on h2, h3, etc. In a little while, I'll git clone from the repo to start over, see what I get on the phone, and let you know.

jimtyhurst commented 3 years ago

This pull request was replaced by Pull Request #172.