Pixel Perfect Challange - Mat Prat. Omelett med kalkun og salsa

As part of the Tech Leaders Mentoring programme, one of my tasks was to learn SCSS and BEM and reproduce a section of a recipe page with great accuracy (pixel perfect).

Original website: https://www.matprat.no/oppskrifter/sunn/o/omelett-med-kalkun-og-salsa/

Table of contents

• Overview
  • The challenge
  • Screenshot
• My process
  • Built with
  • Continued development

Overview

Visit: https://asd-omelett-recipe.netlify.app/

The challenge

Things to do:

• responsive web design
• use of BEM methodology
• use of SCSS
• high accuracy

Screenshot

Desktop:

Mobile:

My process

Built with

• Semantic HTML5 markup
• SCSS
• BEM
• Mobile-first workflow

Continued development

• I would like to reproduce other elements of the Mat Prat site.