A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way.

The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, which is the baseline density assumed by the system for a "medium" density screen. At runtime, the system transparently handles any scaling of the dp units, as necessary, based on the actual density of the screen in use. The conversion of dp units to screen pixels is simple: px = dp * (dpi / 160). For example, on a 240 dpi screen, 1 dp equals 1.5 physical pixels. You should always use dp units when defining your application's UI, to ensure proper display of your UI on screens with different densities.

Design Uncoupled 

Joomla! was one of the pioneers in open source CMS's by adopting a MVC design strategy. MVC means that views are strictly separate from the business logic. This is a huge advantage since you own the views or can override them to achieve superior custom designs. Joomla! not only gives you the design freedom that you have always craved but can help you make your sites stand out in the crowd! 

Responsive with Bootstrap

Joomla! is Mobile Ready and allows you to build more than just websites but online applications that can respond to virtually any device. Joomla! core templates are built with Bootstrap making it responsive out of the box. Which means you have a toolset to work with which makes creating templates even easier!

Page 2 of 2