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 ...

Get Responsive Web Design with AngularJS now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.