[Development] Making Utopian.rocks responsive

in utopian-io •  6 months ago



Pull Request


Bug Fixes

  • What was the issue(s)?

    • Utopian.rocks website are not responsive, and the style doe not work properly for any width less than 1025px. (Completing task request by @amosbastian)
  • What was the solution?

    • Using scss, with grid and flex, I can properly stack how the website looks like on different devices.

On iPhone

On iPad

About Projects

  • What is the project about?

Utopian.rocks is a Flask application that shows unreviewed or pending contributions, and pending moderator comments. It also includes some endpoints to retrieve contributions, statistics and a weekly template for one of Utopian's posts.

  • Technology Stack

Python, Flask, Scss, JS

GitHub Account


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for your contribution. Though the amount of work is less, but its actually adds quite a good value to the project. I really like SCSS for its simplicity and try to use it everytime for any new project.

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.


Thank you for your review, @codingdefined!

So far this week you've reviewed 2 contributions. Keep up the good work!

Thanks again for the quick and great work! Definitely saved me some head scratching, so I really appreciate it.


cheers. I guess it did help me to brush up my css skills lol

I love grid and flex :D (though I always manage to miscount grid bits at some point XD) It's made responsive so much easier and a hell of a lot less hacky! XD Good job :)


how about float? haha. I am a huge fan of flex, because I don't need to think in how many pixels, rather than grid.


We don't talk about float XP

I have used it before several times for many things and learned to hate it pretty quick XD


float are just fun killer, imagine using clear fix after float hahahaha

Hello! We just wanted to take minute to introduce ourselves! We are a manual curation service that provides upvotes twice a day to our members in exchange for their delegation.
We have a variety of tier levels to support all levels of Steemit users including those who don’t have any SP to delegate yet.
Our goal is to support and help build the steemit community through our curation by providing users with a reliable and affordable service.

We would love for you to check us out HERE

Thank you so much for your time!

Hi @superoo7!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.698 which ranks you at #4967 across all Steem accounts.
Your rank has not changed in the last three days.

In our last Algorithmic Curation Round, consisting of 726 contributions, your post is ranked at #212.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

Hey, @superoo7!

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!