How do I make my website mobile friendly?

Hi Farouk,

First, this answer doesn't seem to fit inside "Business" topic. Secondly, I've gone through your site, it seems to be responsive but there are a few things that are breaking its mobile layout. I'll point them out below:

1. You've added margin to your body tag (screenshot). Instead, you should use max-width or width in percentage properties if you want to add spacing around your body. For example:

body {
    max-width: 1100px; /* Optional, can remove or adjust its width */
    width: 90%;
    /* following CSS is to horizontally center the element */
    margin-left: auto; 
    margin-right: auto; 
}

1. Remove padding-left from ul tag that contains all your facts (screenshot). Looks like you have giving an ID to it, so your code to remove padding-left could be something like this:

ul#list-all-the-facts-given {
    padding-left: 0;
}

Other than that, you can use CSS3 media queries to target elements on different screen sizes and adjust their styling.

Thanks!