Eelyneee/sunnyside-agency-landing-page

Frontend Mentor - Sunnyside agency landing page solution

This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview

  • Screenshot
  • Links

• My process

  • Built with
  • What I learned
  • Continued development
  • Useful resources

• Author

Overview

Screenshot

Links

• Solution URL: https://github.com/Eelyneee/sunnyside-agency-landing-page
• Live Site URL: https://eelyneee.github.io/sunnyside-agency-landing-page/

My process

Built with

• SASS
• CSS GRID
• CSS FLEXBOX

What I learned

@mixin Barlow {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
}

p{
    @inlcude Barlow();
}

section{
	display: grid;
	grid-template-columns: 1fr 1fr;
  	justify-items: center;
  	align-items: center;
} 

Continued development

• Mobile responsive view

Useful resources

• A Complete Guide to Grid - This helped me for better understanding on Grid.
• How to change SVG color - This is an amazing article which helped me to know more about SVG.

Author

• Website -https://github.com/Eelyneee
• Frontend Mentor - https://www.frontendmentor.io/profile/Eelyneee