manprit-tiwari / SnapLandingPage

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Intro section with dropdown navigation solution

This is a solution to the Intro section with dropdown navigation challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • View the relevant dropdown menus on desktop and mobile when interacting with the navigation links
  • View the optimal layout for the content depending on their device's screen size
  • See hover states for all interactive elements on the page

Screenshot

Desktop-Preview

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • TypeScript
  • Angular version 14.0.2

Continued development

If there is any changes in this project in future it will be automatically Updated on live Server Or you can see the code on GitHub so feel free to Check out those in case you want.

Useful resources

  • Angular - This helped me with varius Angular cli code and new features which i dont know with and i am looking forward to geting help from it in future.
  • Angular Material - This helps me with varius thing by writhing less code to get done more and more. And I really liked it very much and will recomend any one to use it who works with Angular

About


Languages

Language:TypeScript 32.6%Language:HTML 31.1%Language:CSS 22.5%Language:SCSS 7.0%Language:JavaScript 6.7%