## Key Learning Outcomes
After completing this subchapter, you will be able to:
- Understand the importance of alignment in web design;
- Learn how to align elements to create a cohesive layout;
- Identify examples of websites with excellent alignment.


Alignment ensures that **elements on a page are visually connected and organized**. Proper alignment creates a clean, professional look. Aligning elements consistently helps users navigate your site more easily and improves overall readability.
- **Left Alignment**: Aligning elements to the left;
- **Center Alignment**: Aligning elements to the center;
- **Right Alignment**: Aligning elements to the right.


Consistency in alignment helps create a cohesive look. Using a grid system can aid in maintaining alignment across different sections of your website. Pay attention to both vertical and horizontal alignment to ensure a balanced design.

**Example Website**: <a href="https://www.microsoft.com/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >Microsoft</a> showcases excellent alignment, with elements consistently lined up for a professional look.


What is the benefit of proper alignment in web design?

Which type of alignment involves aligning elements so there is a different amount of space between characters?


Mastering Wix from concept to launch takes you through every stage of creating a professional portfolio website using Wix. This comprehensive course covers everything from starting and planning your site to designing, adding content, and enhancing with apps. You will learn how to create a stunning and functional website.

Meet the Wix platform. Cover creating a Wix account, navigating the interface, and understanding the basic tools and features available. By the end of this section, you will be comfortable with the Wix environment and ready to start building your portfolio website.

Planning is crucial for a successful website. This section guides you through planning your portfolio, including defining the website's purpose, identifying target audiences, and creating a site map. It ensures you have a clear vision and structure for your website before you start building.

Design is a key aspect of any portfolio. This section delves into the principles of good web design and how to apply them using Wix. You will explore how to customize your chosen template, create a cohesive visual style, and ensure your website is visually appealing and user-friendly.

Content is the heart of any website. This section covers how to add and organize content in Wix. You will learn how to create and manage pages, add text and media, and ensure that content is organized and accessible.

Wix offers a variety of apps and features that can enhance the functionality of your website. This section explores how to use these apps to add interactive elements, improve user engagement, and provide additional services to visitors.

With more people accessing websites on mobile devices, your portfolio must be mobile-friendly. This section covers using Wix's mobile editor to ensure your website looks and functions well on all devices.

The final step is publishing your website and ensuring it remains updated and secure. This section covers how to publish your site, keep it updated, and implement security measures to protect your content and visitors.

Web Design Principles: Alignment

Key Learning Outcomes

1. What is the benefit of proper alignment in web design?

2. Which type of alignment involves aligning elements so there is a different amount of space between characters?

Awesome!

Web Design Principles: Alignment

Key Learning Outcomes

1. What is the benefit of proper alignment in web design?

2. Which type of alignment involves aligning elements so there is a different amount of space between characters?