# Discourse on Surface Duo

**URL:** <https://meta.discourse.org/t/discourse-on-surface-duo/141312>\
**Category:** UX\
**Tags:** pwa\
**Created:** [11 בפברואר,‏ 2020,‏ 5:38pm UTC](https://meta.discourse.org/t/discourse-on-surface-duo/141312 "2020-02-11T17:38:58Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [11 בפברואר,‏ 2020,‏ 5:38pm UTC](https://meta.discourse.org/t/discourse-on-surface-duo/141312/1 "2020-02-11T17:38:58Z")

</div>

Got some screenshots of Discourse running in the Microsoft Surface Duo new Android device.

Discourse topic in Mobile view:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/5/e5ec8b580c635796e884bae7adce9e7e8965712a.png)

Discourse topic view in Desktop view:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/5/1513177d118fb157c75b914c0f26c72cb18b180f.png)

Latest in Mobile View

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/9/4929db1edf105917ff384cd5941277fe4df93c61.png)

Latest in Desktop View

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/9/594686be046816716412175f018cf2edda365e5f.png)

Mobile Composer

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/1/a1981df1d84b6f62e91d1ad89de0cb8a3f10db83.png)

Desktop Composer

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/9/e93a894f8f3477c128a7f6294405fcf9a889f65d.png)

Categories View with Featured

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/f/2fad98047b69d1f52cafc34a7129345352dcbbde.png)

Categories with Latest (like a glove)

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/a/0ad00474bdca53c9f53f7232b40949b315343e6a.png)

There are some [browser feature proposals](https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/Foldables/explainer.md#a-map-application-that-presents-a-map-on-one-window-segment-and-search-results-on-another) cooking in order to help web apps layout accordingly:

> ### A map application that presents a map on one window segment and search results on another
> 
> [![Foldable with the left segment of the window containing a map and the right segment containing list of search results](https://global.discourse-cdn.com/meta/original/3X/d/e/de6dde78b8cdb6b8aaa3b0523e8fa80d74cf12eb.svg)](https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/Foldables/map-app.svg)
> 
> #### CSS solution outline:
> 
> ```css
> @media (spanning: single-fold-vertical) {	
> body {
> flex-direction: row;
> }
> 
> .map {
> flex: 1 1 env(fold-left)
> }
> 	
> .locations-list {
> flex: 1;
> }
> }
> 
> ```

---

_[View the full topic](https://meta.discourse.org/t/discourse-on-surface-duo/141312)._