Frontend Mentor - 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
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/sunnysideagencylandingpagemain-with-nextjs-and-tailwindcss-S1cqBT8L5
• Live Site URL: https://sunnyside-id.vercel.app/

My process

Built with

• Semantic HTML5 markup
• Tailwindcss
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library
• Next.js - React framework
• Styled Components - For styles

What I learned

<!-- create half a triangle with tailwind -->
 <div className='absolute right-5 w-0 h-0 border-b-[100px] border-b-white border-l-[80px] border-l-transparent'></div>

If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.

Author

• Frontend Mentor - @aldo110