Knacksteem.org - Header, Footer and Editor (Responsive Layout).
Repository
https://github.com/knacksteem/knacksteem.org
Pull Request
https://github.com/knacksteem/knacksteem.org/pull/33
Issue
https://github.com/knacksteem/knacksteem.org/issues/34
Task Request
New Features
Responsive Layout
Below is a new layout for the Header, footer and Editor of Knacksteem, the Layout was made responsive using Row and Col from the Antd Design System. Also media query were written at different Screen levels
handleEditorToggle() {
this.setState({
isMarkdownEditorActive: !this.state.isMarkdownEditorActive
});
}
![iphone]()
![desktop]()
The editor state was toggle to add responsiveness and the width was set to 100% to increase the touch radius.
The ollow commit are used to achieve most of the layouts
What's next?
The next pull for this task will Add the responsive home feed with approved post
Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post, click here.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Thank you for your review, @helo! Keep up the good work!
Hey, @sirfreeman!
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!