DEV Community

Cover image for Designing a new layout for the Problem page

Designing a new layout for the Problem page

faraazahmad profile image Syed Faraaz Ahmad ・1 min read

In Debugg, I think a Problem is the most crucial part of the content. Since it is a platform, users won't sign up unless there are Problems that they find interesting and challenging enough.

While the contents of the Problem are definitely crucial, I think the current layout doesn't utilise the space right...

Current layout

So, this wireframe is what I've come up with for the redesign (just ignore the navbar in it). It utilises space well while also keeping enough empty space for other features in the future (It's definitely inspired by 3 column layout used by Medium, IndieHackers and DEV).


What are your opinions on it? Are there any issues I need to take into account. I'm all ears (eyes?)


Editor guide