docs(layouts): make HomepageLayout responsive

[layershifter]

Fixes: #2386

[layershifter]

@brianespinosa Your feedback is much needed there

[codecov-io]

Codecov Report

Merging #2396 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #2396   +/-   ##
=======================================
  Coverage   99.73%   99.73%           
=======================================
  Files         152      152           
  Lines        2664     2664           
=======================================
  Hits         2657     2657           
  Misses          7        7

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4f2f3fc...9b06660. Read the comment docs.

[brianespinosa]

@layershifter just getting back from the holidays. I just assigned this to myself and will take a deeper look later this afternoon. 👍

[dongcai]

@layershifter & @brianespinosa I think this solution breaks the Server Side Rendering. I actually tried to do the similar thing at: /~https://github.com/dongcai/react-redux-semantic-ui/blob/master/src/components/Navigation/Navigation.js
And found that the code like <responsive>{children}</responsive> will break the SSR, which I would like {chidren} to be rendered by. Any ideas?

[layershifter]

@dongcai please make a minimal repro repo and open new issue.

[brianespinosa]

@layershifter Sorry... my workload exploded this month. I haven't even been on github in two weeks. I will try to get some eyes on this by Monday. Apologies for the delay.

[layershifter]

Merged as is, we can always to fix it in future 👍

[brianespinosa]

Thanks @layershifter

Additionally... I meant to bring this up here and with @levithomason , it might be good to update the layout of the docs in general to make the side menu available to toggle on/off. Maybe just update the style of the docs in general in preparation for 1.0.

But I think this looks good for now. 👍

[levithomason]

Definitely agree. We should use the actual Sidebar component. I think it needs #1408 before that can be done properly.

[levithomason]

Released in semantic-ui-react@v0.78.0.