Responsive Design - Introduction

Responsive design ensures websites adapt to the screen size and resolution of the user’s device. From desktops and laptops to tablets and smartphones, modern web solutions should adapt to provide users with an optimal viewing experience. With mobile devices accounting for over half of global page views, Clarity wants to prioritize responsive design for their own marketing website.

So far, you’ve learned how to use Liferay’s suite of design elements according to recommended best practices. In this module, you’ll explore additional techniques and settings for designing responsive interfaces.

By the end of this module, you’ll have the knowledge and skills to

• Build responsive layouts with page fragments.
• Configure fragments and images to optimize performance.
• Verify page responsiveness by simulating different screen sizes.