/deplace-maison

Frontend Practice Challenge - Deplace Maison

Primary LanguageHTMLMIT LicenseMIT

Deplace Maison

Solution for a challenge from Frontendpractice.com.

Github Pages | Frontend Practice

Table of Contents

Overview

Desktop Desktop Ink Mode Mobile Mobile Panel

Built With

  • Semantic HTML5 Markup
  • CSS custom properties
  • Grid
  • Flex
  • Mobile-First Design

Features

The challenge was to build an application to complete the following user stories:

  • User story: Recreate the layout
  • User story: Create the animated gooey cursor and have it blend with other colors.
  • User story: Try build the alternating testimonials at the bottom of the page.

Improvements

  • Need to work on animations
  • Using a picture element in a card of the slider creates many problems

Useful Resources