Meet Landing Page | Responsive | Flex-box

I tried to get this as pixel perfect as possible. This will be the last pure HTML and CSS front end project that I do.

I have a few questions if any of you have the time:

• For the <p> element in the <article>. I used a <span> element with a white-space: nowrap; rule to stop the hyphenated text from wrapping. Does anyone know a better way to do this?
• How about my roles? Would you recommend doing something different?
• Should I have added any aria-labels?
• Any advise on accessibility would be great.