i am looking for the good solution on how to create a slanted div shape at one side like that one on attached screen shot, the shape should be automatically adjust its size to properly handle all contents inside it when resizing the screen into different sizes…
assume i have something like this
<code> ``<div class="container">
<!---insert the shape here--->
<div class="row">
<p class="text-muted">Lorem ipsum ...</p>
</div>
</div>`
</code>
<code> ``<div class="container">
<!---insert the shape here--->
<div class="row">
<p class="text-muted">Lorem ipsum ...</p>
</div>
</div>`
</code>
``<div class="container">
<!---insert the shape here--->
<div class="row">
<p class="text-muted">Lorem ipsum ...</p>
</div>
</div>`
`
find the attached screen shot here
New contributor
philomath is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.