Is there an easy way to achieve this type of design with ease?
The whole width of the layout is 1440px. The content placement is within 1330px(suppose).
Is there any way so that I can work within the 1330px container?
For further actions, you may consider blocking this person and/or reporting abuse
A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.
Mohammed Ibrahim -
Kiran Jodhani -
Jon Snow -
Diogo Rodrigues -
Once suspended, raisaugat will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, raisaugat will be able to comment and publish posts again.
Once unpublished, all posts by raisaugat will become hidden and only accessible to themselves.
If raisaugat is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to Saugat Rai.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag raisaugat:
Unflagging raisaugat will restore default visibility to their posts.
Top comments (3)
If I understand the question correctly, you can achieve this using css grid!
If you need the blue box header, you can format your grid as (roughly):
Then you can place a div on the left side area and add padding to format it like this.
Informative guides that may help:
Grid: css-tricks.com/snippets/css/comple...
Flexbox: css-tricks.com/snippets/css/a-guid...
Thanks for the reply. I guess add padding is one of the solution to achieve the above design. But is there any other ways ?
I would definitely try the padding one. :)
You could use flexbox instead.
That way if you have a lot of text, it won't still start halfway down the page.