Style/#289 acknowledgement page responsive css

[daniel-cy-lu]

Acknowledgement Page, which can be found via the link in the footer. Responsive CSS completed for mobile, tablet and desktop.

Refer to Patrick's mock up: https://www.figma.com/proto/fXh58MfxEDh1ssgxQyPb5f/Overture_Refresh?type=design&node-id=1159-10536&t=B0eRBTRc8HE2PXBM-0&scaling=min-zoom&page-id=1098%3A3803&starting-point-node-id=1167%3A12310

Patrick has no MVP feedback for this page.

[daniel-cy-lu]

This file is of the next ticket, Products Page Update. Not sure why it appears in this ticket. I made sure I closed old tabs and then switch local branches.

[daniel-cy-lu]

Belong to next ticket, Products Page Update

[ciaranschutte]

@daniel-cy-lu curious why we're moving away from using the Hero component. It's a really good encapsulation of that bit of display. Not using it means we're back to having repeating chunks of very similar code with only slight differences... which is not good (not reusable, hard to maintain). Will msg you on slack too as a conversation might be easier.

[daniel-cy-lu]

@daniel-cy-lu curious why we're moving away from using the Hero component. It's a really good encapsulation of that bit of display. Not using it means we're back to having repeating chunks of very similar code with only slight differences... which is not good (not reusable, hard to maintain). Will msg you on slack too as a conversation might be easier.

This discussion extended to a zoom chat, and we decided to use a modified Hero component best suited for the current version of the Hero. Cleaned up Hero component and its css.

[daniel-cy-lu]

@ciaranschutte I cleaned up all the comments and found a lot of unused css in the case study page, and got rid of those as well.

[daniel-cy-lu]

Because we modified Hero component, currently Services and About Us pages don't have a Hero image nor css applied. These two pages however are going to receive complete re-design.
The Hero will be constructed using the new Hero component.

[ciaranschutte]

src/pages/acknowledgements/assets/img_hero_acknowledgements_full.svg
src/pages/case-studies/assets/img_hero_case_studies.svg
are these the same svgs? can remove duplication

[ciaranschutte]

@daniel-cy-lu looks great. nice cleanup. just ensure that's not duplicate image then good to go!

[ciaranschutte]

@daniel-cy-lu couple of things I noticed in reviewing, but aren't changes in this PR, so I've made a ticket to detail them: #305
I'll leave it to your project leaders to decide if / when to tackle this

[daniel-cy-lu]

@ciaranschutte I read the new ticket, I will double check the font size and font of <h1>, <h2>, <h3>. The idea was so the project match exact what is in the mock up.