My Team Page - Challenge

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Built With

• HTML & CSS

Features

This page was created as a submission to a DevChallenges challenge. The challenge was to build a team/crew page with a 2 column card layout on smaller screens, and a 3 column card layout on larger screens.

I have created a mobile first page using CSS Grid which changes grid-column-template with different sized viewports.

Initially I found lowering the 2nd column cards challenging.

Acknowledgements

• MDN Web Docs referenced during the build.
• CSS Tricks, sideways text.
• Kevin Powell - CSS Grid Video

Contact

• GitHub @robrcodes
• Twitter @robrcodes