Skip to content

Code-Beaker/huddle-page-curved-sections-code-beaker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Huddle Landing Page with Curved Sections

This is a solution to the Huddle Landing Page with Curved Sections challenge from Frontend Mentor

Preview

Desktop Preview

alt text

Mobile Preview

alt text

Tools and Languages

Tools

Languages

  • Semantic HTML5
  • CSS
  • SCSS
  • JS

Process

The full command line process is given below

Create Vite App

npm create vite@latest -- --template vanilla app
cd app

Install dependencies and packages

npm install

npm add sass -D

npm install validator

Import the files with JavaScript

alt text

Preview the website

npm run dev

Using Validator

Here's how the Validator library is used in this project.

alt text

Links

Netlify Status