We recommend using flex, you can practice using flex in https://flexboxfroggy.com/.

[fontType] is mainly for semantics that changes the html tag to a p, span, strong while [weight] is mainly for changing literally the font weight to normal or bold.

As we are moving away from BreakpointObserver since it is not compatible with SSR, we encourage you to use CSS media queries or switching markups using our hide directives.

You can optimize your svg assets in https://jakearchibald.github.io/svgomg/. Make sure that you turn off the "Remove viewBox" option in order for your svg to scale properly.