Skip to content

alex-cler/FrontEndMentor-LoopStudios

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FrontEndMentor - LoopStudios

Design preview for the LoopStudios coding challenge

Intro

Hey ! This is my solution for the LoopStudios - FrontEnd Mentor challenge.

What did I use for this project ?

  • Semantic HTML5
  • Flexbox
  • SCSS
  • Media queries
  • JavaScript
  • JS Animation (Intersection Observer API)

The challenge

I really wanted to make a good responsive code on this challenge with a menu animation on mobile

Making a responsive design with media queries and some useful functions like :

  • min()
  • max()
  • clamp()
  • calc()

Use of :before and :after pseudo elements

Animation on Scroll made with Intersection Observer API

Ressources

Here is some ressources that help me achieve this project :

  • Incoming

Check my website for more project like this