tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
rmcg.dev/projects/devchallenges/404-not-found
History
Robert McGovern db9cd8d911 finished the 404 challenge 2022-09-09 12:37:34 +01:00
..
README.md finished the 404 challenge 2022-09-09 12:37:34 +01:00
Scarecrow.png renamed project folder to remove the master 2022-03-22 12:02:45 +00:00
devchallenges.png renamed project folder to remove the master 2022-03-22 12:02:45 +00:00
index-orig.html current state, switching branches 2022-03-31 15:14:53 +01:00
index.html finished the 404 challenge 2022-09-09 12:37:34 +01:00
screenshot.png finished the 404 challenge 2022-09-09 12:37:34 +01:00
style.css finished the 404 challenge 2022-09-09 12:37:34 +01:00

README.md

Challenge 1: 404 Not Found

Solution for a challenge from Devchallenges.io.

Table of Contents

Overview

screenshot

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

Contact