The CSS Box Model

The box model is a fundamental concept in web design and development. It defines how HTML elements are rendered as boxes on a web page. Each element in a web page is considered a box, and these boxes can be manipulated using CSS (Cascading Style Sheets) to control their appearance and layout.

Understanding the box model is crucial for creating layouts, positioning elements, and controlling spacing on a web page. It allows designers and developers to create visually appealing and well-organized web pages.

Close Project

Typography

The Art of Type.

The task for this assignment was to apply CSS formatting and styles related to typography such as line length, baseline, font sizes, and more.

Close Project

Multiple Backgrounds

In this lesson we learned how to overlap multiple background images on one page.

Close Project

The Flexbox Layout

The Flexbox layout is a powerful one-dimensional layout model that enables efficient space distribution and alignment capabilities between items in an interface.

Close Project

The Grid Layout

Close Project

Animations

Lorem ipsum dolor sit amet consectetur.

Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!

• Client: Window
• Category: Photography

Close Project