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

https://github.com/tedjenkler/landingpage-tailwindcss

Challange made by frontend mentor by Teodor Jenkler showing my tailwind knowledge
https://github.com/tedjenkler/landingpage-tailwindcss

Last synced: 8 months ago
JSON representation

Challange made by frontend mentor by Teodor Jenkler showing my tailwind knowledge

Awesome Lists containing this project

README

          

# Frontend Mentor - Huddle landing page with alternating feature blocks solution

This is a solution to the [Huddle landing page with alternating feature blocks challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/huddle-landing-page-with-alternating-feature-blocks-5ca5f5981e82137ec91a5100). 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)
- [What I learned](#what-i-learned)
- [Author](#author)

## Overview

I made this challange using my newly accuired skills in tailwind.css, The site is fully responsive

### The challenge

Users should be able to:

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

### Screenshot

![](./frontendmentor2.png)

### Links

- Solution URL: [https://github.com/TedJenkler/LandingPage-Tailwindcss]
- Live Site URL: [https://tedjenkler.github.io/LandingPage-Tailwindcss/]

## My process

Designed using a figma template

### Built with

- Semantic HTML5 markup
- CSS Tailwind
- Flexbox
- Mobile-first workflow
- [React](https://reactjs.org/) - JS library

### What I learned

I learned how to use tailwind css to make fully responsive website

## Author

- Website - [Teodor Jenkler](https://www.linkedin.com/in/tedjenklerwebdeveloper/)
- Frontend Mentor - [@TedJenkler](https://www.frontendmentor.io/profile/TedJenkler)