DiscoverAngular RocksResponsive Design
Responsive Design

Responsive Design

Update: 2021-06-16
Share

Description

These days, people use different devices to access the web. Therefore, every web application should be adapted to all screen sizes.

Responsive Design is a technique that allows screens to adjust to different sizes accordingly.

There are a few techniques to make your Angular Apps responsive. You can choose from several libraries specifically built for that purpose or just do plain CSS by writing CSS Media Queries.

Lets discuss that  👉 Twitter thread

Links
Angular Flex Layout
Angular CDK Layout
Tailwind Responsive Design
Bootstrap Layout Utilities
CSS Media Queries

Twitter Pool
Angular Flex Layout / CDK vs Tailwind / Bootstrap Utilities vs Media Queries

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

Responsive Design

Responsive Design

Aliaksei Kuncevič