ob2code / 404-not-found

Solution for a challenge from Devchallenges.io

404 Not Found

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

Hello!

• I am a bit confused when dealing header text with large screen. The problem has solved until add one more specific screen query.

/* X-Large devices (large desktops, 1200px and up) */
  @media screen and (min-width: 1200px) {
    .card__header {
      width: 60%;
    }
  }

• Learned how to center bottom an element

.attribution {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

Built With

• Clean HTML & CSS

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

Acknowledgements

• Do recommend Steps to replicate a design with only HTML and CSS
• StackOverflow - Align an element center in bottom screen (see sample code above).

Contact

• 💻Website (under construction) ob2code.netlify.app
• 👨‍💻GitHub @ob2code
• 🐤Twitter @ob2code