Mindgruve Styling Assessment

The Ask

Using your frontend skills and the Adobe XD link provided, produce a "pixel perfect" responsive mockup of the web comp. A mobile comp is not included so we'll leave that to you.

What's Included

The index.html file exists with the following already linked:

• Bootstrap 5
• CSS
• Fonts

What We're Looking For

• ✅ Attention to detail
• ✅ Creativity
• ✅ Accuracy
• ✅ Semantic HTML5
• ✅ CSS Chops
• ✅ WCAG 2.1 Compliance

What We Don't Want to See

• ❌ Copy and pasting code from XD.

---

Before you begin

1. Clone this repo
2. On the command line, navigate to this directory.
3. Run npm i to get necessary dependencies for build tools

Frontend Development

This page leverages Symfony's Webpack Encore library for building and bundling assets (more on Encore here)

For Sass, use the scss/style.scss as your entrypoint (i.e. @import "./hero";).

Building Sass and Javascript

1. On the command line, navigate to this directory.
2. Run npm run watch
3. A watcher will initialize and build changes as they occur. Note: you will need to refresh your browser to see these changes; no hot reload included.