This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.

Users should be able to:

1. View the optimal layout depending on their device's screen size.
2. See hover and focus states for interactive elements.
   

• Semantic HTML5 markup
• CSS custom properties
• Grid & Flex
• Desktop-first workflow

A very easy project to keep updated with the Frontend Mentor projects and remember the basics!

1. Figma - Paste your design image to check the size of containers, width, etc.
2. Perfect Pixel - Awesome Chrome extension that helps you to match the pixels of the provided design.

A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!