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

https://github.com/je-jo/404-page

devChallenges #1
https://github.com/je-jo/404-page

challenge css3 devchallenges figma-to-html html5 practice

Last synced: 6 months ago
JSON representation

devChallenges #1

Awesome Lists containing this project

README

          

404 Not Found


Solution for a challenge from Devchallenges.io.




Demo

|

Solution

|

Challenge


## Table of Contents

- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [Acknowledgements](#acknowledgements)
- [Contact](#contact)

## Overview

![screenshot](https://raw.githubusercontent.com/je-jo/404-page/main/404.png?token=ATVTID4YKWR75WVPB45HWV3BWUM5Y)

This is my first time converting Figma design to code.

### Built With

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY) was to build an application to complete the given user stories.

## Acknowledgements

- [This pen](https://codepen.io/MadeByMike/pen/dRoLpJ) shows a "proper" way of using CSS variables.
- [Keep the Footer at the Bottom](https://moderncss.dev/keep-the-footer-at-the-bottom-flexbox-vs-grid/)

## Contact

- [Github](https://github.com/je-jo)
- [Frontend Mentor](https://www.frontendmentor.io/profile/je-jo)
- [Codepen](https://codepen.io/je-jo)