Tinkle7/GRID_CARDS_LAYOUT

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size

Screenshot

• Desktop_size

• Ipad_size

• Mobile_size

Links

• Solution URL: (https://github.com/Tinkle7/GRID_CARDS_LAYOUT.git)
• Live Site URL: (https://grid-cards-layout.netlify.app/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

width vs max-width
flex-direction

Continued development

• more responsiveness
• more transiction properties
• and functionality

Useful resources

• https://developer.mozilla.org/en-US/

Author

• linkdin - Tinkle Dash
• Frontend Mentor - Tinkle7
• Twitter - @TinkleDash