Skip to content
Submitted over 2 years ago

SinglePageApp using Angular with mobile first approach

GinhTony•110
@SonTonyD
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Space tourism multi-page website
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

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?

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    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
    3

Please log in to post a comment

Log in with GitHub

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