Angular 6 for Enterprise-Ready Web Applications

Styling elements

Finalizing the styling of elements is usually the most time-consuming part of frontend development. I recommend doing multiple passes to achieve a close enough version of the design with minimal effort first and then have your client or team decide whether it's worth the extra resources to spend more time to polish the design:

1. Add a new css property:

src/app/current-weather/current-weather.component.css.no-margin {  margin-bottom: 0}

2. For the city name, on line 3, add class="mat-title no-margin"
3. For the date, on line 4, add "mat-subheading-2 no-margin" to class="right"
4. Change the format of the date from 'fullDate' to 'EEEE MMM d' to match the design
5. Modify <img>, on line 8 to add style="zoom: 175%"
6. For the temperature, on ...