Mobile means a small device which therefore has a small screen. On these small screens, websites designed for larger devices can look unpleasing to the eye and are completely inappropriate for the device and by extension, the user.
Some websites have brilliant mobile versions of their sites, but some don’t. If you go to these websites that aren’t designed for mobile on your phone then you will probably find it difficult to use the site. This is a big problem as it deters users from using the site and therefore potential revenue will be lost!
It is incredibly easy to forget about making a mobile version of a website because you develop websites whilst using computers (mostly), not mobile devices. In doing so, you don’t realise that the website is incompatible with mobile devices until someone with a mobile goes onto it. This can cause unnecessary embarrassment to the developer(s) (I know, I’ve done it) and can make developers feel despondent because they have to effectively completely redesign the website so that it fits with mobile devices.
Luckily, there are some great frameworks out there that make it as easy as possible for people to build mobile versions of their sites. Bootstrap and Skeleton are really powerful frameworks that allow you to render different bits of websites in different ways, based upon the size of a device’s screen. This functionality makes it super simple to build a responsive, dynamic, mobile friendly website, giving your viewers the best experience possible!
Alternatively, if you don't like using third party frameworks (which should
!== true), you could just use CSS-based media queries but you will have to think very carefully about how you want your site to look on different devices before you start building it.