HTML template inline styling

In HTML template inline styling is not allowed but default bootstrap component is using all the time for example.

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>

so how you are using in your templates? should I create css classes for each element?

1 Like

div class=progress-bar width-25" role=“progressbar” aria-valuenow=“25” aria-valuemin=“0” aria-valuemax=“100”

add the code below into style.css

.width-25{width: 25%;}

1 Like

Thanks, I know how to write it. I have seen many recent templates using inline styling. so why my template is soft rejected because of that.

Have no idea. You should discuss it with the reviewer ( through Support/ticket )

Hello @xvelopers

Add this in css file at last line

width: 25%;

Thanks :slight_smile: