Now that we have added a fully-functional style.less stylesheet file, we could also move all our custom styles there, just like we did with the home.component.ts file; the question is, are they really worth that much? Hardly, considering that we put them together for demonstration purpose only, a quick'n'dirty, temporary solution until we could commit ourselves to the upcoming styling phase. Now that the time has come, we shouldn't bother too much about preserving these samples, we need to think about switching from a full do-it-yourself approach to a framework-based one.
Anyone who is into CSS design is well aware of such a debate, which we could summarize in the following single phrase:
Should we build our own grid-based responsive layout or use a responsive design framework instead?
The answer is not that simple because either alternative has their set of advantages. Let's try to perform a quick recap of the most relevant arguments.