rmcg.dev/projects/devchallenges/404-not-found/README.md

Challenge 1: 404 Not Found

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
• Overview
  • Built With
• Acknowledgements
• Contact

Overview

Fairly responsive build of this error page. Most font sizes and line heights have been scaled using the responsive font calculator.

At 800px min-width a number of CSS properties are updating for the larger screen layout.

Took a different approach than normal with splitting CSS between font settings and then positional settings. Honestly I find the approach both easier but also increased cognitive load a little. As I'm needing to think about where things are.

I should have used more classes rather than class + html attribute (i.e. .text-container p)

Built With

Pure HTML & CSS, although making heavy use of CSS Properties and dynamic sizing.

Acknowledgements

• Fluid-responsive font-size calculator by Mike Foskett for building this useful calculator.

Contact

• Website - Blog tarasis.net
• Website - Portfolio rmcg.dev
• GitHub @tarasis
• Twitter @tarasis