NOtherDev / whatwebcando

An overview of the device integration HTML5 APIs
https://whatwebcando.today/
MIT License
836 stars 61 forks source link

Add padding and alignment for the homepage #56

Closed Crystal-RainSlide closed 4 years ago

Crystal-RainSlide commented 4 years ago

Minimum:

.features-list-container .btn > i {
  margin-right: .5ch;
  margin-inline-end: .5ch;
}

.features-list-container .btn > span.support-info-placeholder {
  float: right;
}

Flexbox:

.features-list-container .btn {
  display: flex;
  flex-flow: row nowrap;
}
.features-list-container .btn > i {
  padding-right: .5ch;
  padding-inline-end: .5ch;
}
.features-list-container .btn > .support-info-placeholder {
  flex-grow: 1;
  text-align: end;
}

Before: Image for Before

After: Image for After

NOtherDev commented 4 years ago

Thank you @Crystal-RainSlide for this proposal. I'm planning a major reorganization of the layout over the next months and I'll definitely keep this proposal in mind.

Crystal-RainSlide commented 4 years ago

Got it, looking forward to it!

NOtherDev commented 4 years ago

The suggestion was included in the new design. Thank you @Crystal-RainSlide.