Media Queries for Standard Devices

See Also

Competencies

• Interface Prototyping HTML & CSS
• Interaction Design Responsive Layout
• Visual Design Style Tile

Explainers

Lessons

• Coding review
• Layouts with CSS
• CSS Animations
• HTML Basics

Resources

Tools

• Markup Validation Service
• Google Fonts

Tutorials

• Learn to Code HTML & CSS
• CSS Diner
• Flexbox Froggy
• Grid Garden
• Grid by Example
• The Experimental Layout Lab
• An Interactive Guide to CSS Transitions

References

• A Complete Guide to Flexbox
• A Complete Guide to Grid
• CSS Transition Property
• Keyframe syntax
• CSS Reference
• CSS: Cascading Style Sheets
• First Website
• HTML: Hypertext Markup Language
• CSS Syntax
• Learn CSS Grid
• MDN Keyframe
• MDN Using CSS Transition
• MDN’s documentation for CSS
• MDN’s documentation for HTML
• The A11y Project
• The A11y Project