O'Reilly logo

Responsive Web Design with AngularJS by Sandeep Kumar Patel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive directives

In this section, we will develop some custom responsive directives that can be useful for our profile page. Let's first identify the parts of a profile page that need to be responsive. Yes, there are many parts we can identify that need a responsive design, but let's consider some that really make an impact to a responsive design. The following list shows the important sections that we are going to focus on:

  • Responsive images
  • Responsive text
  • Responsive item lists

Responsive images

In our profile application, we have used the profile image from Gravatar. A Gravatar image follows the user from site-to-site beside the username. Gravatar is a great online tool to manage your profile image universally. You can use your profile image ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required