From 2f78085b60d970f760d6c4287aed4052063899d4 Mon Sep 17 00:00:00 2001 From: thomas Date: Fri, 22 Sep 2023 23:18:15 +0200 Subject: [PATCH] docs(docs): improve UI --- .../content/docs/challenges/angular/1-projection.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md index 2acf755..204fc0b 100644 --- a/docs/src/content/docs/challenges/angular/1-projection.md +++ b/docs/src/content/docs/challenges/angular/1-projection.md @@ -19,14 +19,14 @@ With this two tools in hand, you are now ready to take on the challenge. You will start with an fully functional application that includes a dashboard containing a teacher card and a student card. The goal is to implement the city card. -While the application works, the developer experience is far from being optimal. Every time you need to implement a new card, you have to modify the `card.component.ts`. In real-life projects, this component can be shared among many applications. The goal of the challenge is to create a CardComponent that can be customized without any modifications. Once you've created this component, you can begin implementing the CityCardComponent and ensure you are not touching the CardComponent. +While the application works, the developer experience is far from being optimal. Every time you need to implement a new card, you have to modify the `card.component.ts`. In real-life projects, this component can be shared among many applications. The goal of the challenge is to create a `CardComponent` that can be customized without any modifications. Once you've created this component, you can begin implementing the `CityCardComponent` and ensure you are not touching the `CardComponent`. ## Constraints -- You must refactor the CardComponent and ListItemComponent. -- The NgFor directive must be declared and remain inside the CardComponent. You might be tempted to move it to the CardComponent but avoid doing so. -- CardComponent should not contain any NgIf or NgSwitch. -- CSS: try to avoid using ::ng-deep. Find a better way to handle CSS styling. +- You must refactor the `CardComponent` and `ListItemComponent`. +- The `NgFor` directive must be declared and remain inside the `CardComponent`. You might be tempted to move it to the `CardComponent` but avoid doing so. +- `CardComponent` should not contain any `NgIf` or `NgSwitch`. +- CSS: try to avoid using `::ng-deep`. Find a better way to handle CSS styling. ---