DEV Community

loading...

Discussion on: Responsive Design and Mobile First

Collapse
mortoray profile image
edA‑qa mort‑ora‑y

While mobile first will allow it to "work" on other devices, it won't be a good UI. Phone interfaces are not the same as tables are not the same are large displays.

It's difficult to create one layout that will work across sizes. Documents are the easier to translate. Applications are the harder to translate.

Collapse
larsklopstra profile image
Lars Klopstra ⚡

It's not difficult, it just requires more planning and creative thinking! I'm building a web app which looks perfect on each device while still using the same components without any crazy hacks (with just HTML & SCSS!) I might be able to share some photos. :)

Collapse
laurieontech profile image
Laurie Author

You're right, but getting things working is the first step. Using the concepts above to adjust that design to look more elegant on other screen sizes is made easier from that starting point.

Collapse
larsklopstra profile image
Lars Klopstra ⚡ • Edited

Desktop

Desktop

Mobile

Mobile

(Icons look a bit weird on desktop, dunno why tho)

Collapse
laurieontech profile image
Laurie Author

That looks awesome! Nice work!