Finishing Touches
Self Service Design Training Exercises Exercise 14

Finishing Touches

In this final step we will deal with the last requirement, having round profile pictures, and when you click on it, the same green background color we have been using for the top header bar.

GlobalNet user menu

You can add round corners to elements with the CSS border-radius Property. Use the Developer Tools to identify the elements we need to modify and find a value for border-radius that gives the right look-and-feel to the profile picture.

Exercise:

Modify the CSS so that it looks like this:

Exercise 14.1



Finish