The new Joomla has a fully responsive layout and design built from the ground up, to ensure perfect presentation of your content, from the smallest mobile devices to the largest desktop displays. Plus: Work on your site from any device!
A site designed with responsive structure adapts the layout to the viewing environment by using fluid, proportion-based grids flexible images and an extension of the @media rule, in the following ways:
- The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
- Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.
- Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.