Skip to content
Submitted almost 3 years ago

SinglePageApp using Angular with mobile first approach

typescript, angular
GinhTony•170
@SonTonyD
A solution to the Space tourism multi-page website challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, In this project, I tried the mobile first approach and found this approach is more intuitive than the classic approach. At the end of the project I see that my css files are large due to the mobile, tablet and desktop design that I had to do. Is it normal ? What could I do to make them smaller ? Are there any technologies that could help for this type of cross-platform application?

Code

Please log in to post a comment

Log in

Community feedback

  • David•7,960
    @DavidMorgade

    Hello GynhTony, congrats on finishing the challenge, pretty good job, don't see many angular/ts developers here!

    To answer your question, sometimes it feels like a lot of code is need for the adaptation between multiple platforms, but other times in some projects just changing a few lines can get the desired result, check if maybe you are not repeating yourself that much, you can for example, asign font-size, font-weight, line-height, letter-spacing... values to your headings from the start, with this method you will for sure, not repeat yourself!

    Also would like to add (dunno if angular has compatibility with SASS) but using SCSS can make your code even more DRY, maybe you should give it a try on a future challenge, is worth in my opinion.

    Hope my feedback helps you in future challenges! great job!

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord