AEM Sites with Edge Delivery site implementing https://www.bevespi.com/

• Preview: https://main--bevespi--hlxsites.hlx.page/
• Live: https://main--bevespi--hlxsites.hlx.live/

npm i

npm run lint

1. Create a new repository based on the aem-boilerplate template and add a mountpoint in the fstab.yaml
2. Add the AEM Code Sync GitHub App to the repository
3. Install the AEM CLI: npm install -g @adobe/aem-cli
4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
5. Open the {repo} directory in your favorite IDE and start coding :)

1. The root font size (in html) is set to 10px (62.5% of 16px). According to the above, 1rem = 10px (1.6rem = 16px): this makes sizes in rem - which are great for accommodating responsiveness and accessibility - human readable
2. According to our analysis and mainstream recommendations, we decided to use rem only for font-size and correlated metrics (like line-height), while px for the remainder - like border width, element sizing/padding/margins - and in general where the requirement of having fixed dimensions and/or references is predominant