/pair-coding-47

Chingu Pair Coding Challenge

Primary LanguageHTMLMIT LicenseMIT

Chingu Pair-Programming-47 : Frontend Mentor -Sunnyside agency landing page

Design preview for the Single-page developer portfolio coding challenge

Welcome! 👋

For this Chingu Pair Programming we chose a Front End challenge from Frontend Mentor, A Sunnyside agency landing page. we will be using HTML, CSS and Javascript to complete this challenge.

Table of contents

The challenge

Our challenge is to build a responsive landing page and get it looking as close to the design as possible.

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

Expected behavior

Links

Our process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • FlexBox
  • CSS Grid
  • Mobile-first workflow For styles
  • Github pages for project deployment

Authors

Maria Melnikova

Anshuman Singh

Continuous development

  • There is always room for improvement
  • As our skills grow we will try to make it as identical to the design as possible
  • We will try to give it some personal touch

Time line : work log

Day 01 : May 17

  • Get to know each other through Chingu discord channel.
  • Set a time to meet on when2meet
  • Discussed about many which includes:
    • pair programming
    • which platform for meeting
    • Our working setup
    • live code share extension

Day 02 : May 18 (3hr)

  • Kicked off our coding session
  • Anshuman as pilot and Maria as Navigator
  • We took the mobile-first approach

Maria Droped from this challange, so I will continue to work on my own or find another partner

Day03 : May 19

  • Set up the page structure
  • Aligned the contianers and sections

Day04 : May 20

  • Cleaned up the HTML and CSS Code
  • Updated HTML with Semantic one
  • Mobile Design almost Complete
  • Begin with Desktop Design and responsiveness