An open API service indexing awesome lists of open source software.

https://github.com/triple-ade/huddle-landing-page


https://github.com/triple-ade/huddle-landing-page

Last synced: 9 months ago
JSON representation

Awesome Lists containing this project

README

          

# Frontend Mentor - Huddle landing page with single introductory section solution

This is a solution to the [Huddle landing page with single introductory section challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/huddle-landing-page-with-a-single-introductory-section-B_2Wvxgi0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)s)
- [Author](#author)

## Overview
- A Huddle landing page with an optimal layout and responsive across all screen, also has hover state for interactive elements
### The challenge

Users should be able to:

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

### Screenshot

![](./design/desktop-design.png)
![](./design/mobile-design.png)

### Links

- Solution URL: [Add solution URL here](https://github.com/TRIPLE-ADE/Huddle-landing-page/settings/pages)
- Live Site URL: [Add live site URL here](https://triple-ade.github.io/Huddle-landing-page/)

## My process

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid

**Note: These are just examples. Delete this note and replace the list above with your own choices**

## Author

- Website - [Add your name here](https://github.com/TRIPLE-ADE/Huddle-landing-page/settings/pages)
- Frontend Mentor - [@TRIPLE-ADE](https://www.frontendmentor.io/profile/TRIPLE-ADE)
- Twitter - [@Triple123A](https://www.twitter.com/Triple123A)