The purpose of this project on CSS3 @media rule and media queries was to learn how to create responsive web designs that adapt seamlessly to various devices and screen sizes. By using media queries, I could apply different CSS styles based on a device's characteristics, such as screen width.

Mobile

Phablet

Original-Macintosh

Tablet

Laptop
Desktop