Question 125055 in CSS Question posted in
Some basic documentation can be found here.

Css – Angular 15 showing component vertically as opposed to horizontally

I am trying to use this code – see this link angular stackblitz link

I am using angular 15. When I download the code and run it locally it is displayed vertically Any ideas what I need to do to style the component horizontally. Is there a reason it is behaving differently in angular 15?

(Flex is being used for the layout)

This is a screenshot of what I am getting with the same code. It should display horizontally but no matter what changes I make to the style sheet it won’t

enter image description here

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Ok got it working but I had to explicitly state the class "mat-card-content" as a class attribute of in the html.

    Why do I need to set it explicitly. Has something changed in angular material that would make this a requirement? Just looking to better understand what is going on under the hood so I can avoid this kind of problem in the future.


  2. 0

    You need to import styles.css to your angular.json
    add styles.css to the stylesection. Also wanted to mention that since angular 6 angular-cli.json is deprecated.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search