---
title: 'Making ubuntu.com responsive: intro (1)'
description: We’ve known for a while it was time to convert our main site, www.ubuntu.com,
  into a responsive site, and we’re now nearing the end of the project! The main www.ubuntu.com
  site receives millions of visitors every month and it holds information on the variety
  of Ubuntu products and services, allowing people to download Ubuntu, get  […]
url: https://canonical.com/blog/making-ubuntu-com-responsive?format=md
---

1. [Blog](https://canonical.com/blog)
2. Article

---

[Inayaili de León Persson](https://canonical.com/blog/author/inayaili-de-leon-persson "More about Inayaili de León Persson")

17 March 2014

# Making ubuntu.com responsive: intro (1)

[Design](https://canonical.com/blog/tag/design)

---

Share the article

We’ve known for a while it was time to convert our main site, [www.ubuntu.com](http://www.ubuntu.com/), into a responsive site, and we’re now nearing the end of the project!

The main www.ubuntu.com site receives millions of visitors every month and it holds information on the variety of Ubuntu products and services, allowing people to download Ubuntu, get in touch with Canonical or find support.

In an ideal scenario, if you were going to convert a non-responsive site into a responsive one, you would start from scratch and do everything right and perfectly from the beginning. But what would be the fun in that?

In reality, starting from scratch on a site the size of ubuntu.com is just not practical or easily achievable. We evolve, grow and iterate the site constantly for releases, upgrades, launches and design updates. It is a living, breathing site, and we can’t really afford to stop, and start again. We realise other teams will also be faced with this reality, so we want to share the journey we have taken and some lessons we learned along the way.

In this series of posts, we’ll document the process we’re following in making that transition. We hope to give others an insight into what’s going on behind the scenes, the obstacles we’re facing, the solutions we’ve tried, the questions we have, and basically the nitty gritty of a real world [responsive retrofitting](http://webstandardssherpa.com/reviews/responsive-retrofitting/) project.

We will be covering:

1. Intro (this post!)
2. [Setting the rules](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-setting-the-rules/)
3. [Making the rules a reality](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-making-the-rules-a-reality/)
4. [Pilot projects](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-pilot-projects/)
5. [Lessons learned](http://design.canonical.com/2014/04/making-ubuntu-com-responsive-lessons-learned/)
6. [Scoping the work](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-scoping-the-work/)
7. [Approach to content](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-approach-to-content/)
8. [Making our grid responsive](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-making-our-grid-responsive/)
9. [Adapting our navigation to small screens](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-adapting-our-navigation-to-small-screens/)
10. [Dealing with responsive images](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-dealing-with-responsive-images/)
11. [Updating font sizes and increasing readability](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-updating-font-sizes-and-increasing-readability/)
12. [Our Sass architecture](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-our-sass-architecture/)
13. [Ensuring performance](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-ensuring-performance/)
14. [JavaScript considerations](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-javascript-considerations/)
15. [Testing on multiple devices](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-testing-on-multiple-devices/)
16. [Final thoughts](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-final-thoughts/)

I’ll update the list above with links to new posts as we go along. We’d love to hear your thoughts, questions and solutions you’ve tried in your own projects, and how we can make this series more useful: leave your comments below, and we hope you enjoy the posts!

[Get in touch

Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form)

## Sign up for our newsletter

Get the latest Canonical news and updates in your inbox.

Work email:

\*I agree to receive information about Canonical's
products and services.

By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical.com/legal/dataprivacy).

Sign up

## Share on

---

## Related posts

[### Challenges designers face in open source (and how to fix them)](https://canonical.com/blog/challenges-designers-face-in-open-source-and-how-to-fix-them)

Open source powers up to 90% of modern software, yet many projects lack usability. Canonical’s Design team surveyed 115 cross-functional professionals to uncover the 4 core...

[Kola Ojoodide](https://canonical.com/blog/author/kola-ojoodide)

26 June 2026

[### Why web engineering is great](https://canonical.com/blog/why-web-engineering-is-great)

Hi, I’m Johann! I’m an engineering manager in Canonical’s web team. For the larger part of my 15 years of work experience as engineer, I’ve been working in web development....

[Johann Wolf](https://canonical.com/blog/author/johannwolf)

27 April 2026

[### Canonical’s recipe for High Performance Computing](https://canonical.com/blog/canonicals-recipe-for-high-performance-computing)

In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what...

[Igor Ljubuncic](https://canonical.com/blog/author/igorljubuncic)

24 January 2024

[### Web team – hack week 2023](https://canonical.com/blog/web-team-hack-week-2023)

Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach...

[Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng)

25 October 2023
