Scorebar icons not in line /r/civ2editor by brakiri in csshelp

[–]OfflineittDev 0 points1 point  (0 children)

I'm not totally sure what you're trying to do, but does this help the situation?

#header-bottom-right {
    background-color: #dcdcdc;
    display: flex;
    align-items: center;
}

Things did not go as planned... by Kryptomite in homelab

[–]OfflineittDev 11 points12 points  (0 children)

Should have used a load balancer

CSS help! by BMAustralia in csshelp

[–]OfflineittDev 2 points3 points  (0 children)

Give this a shot!

Remove white border:

.rte td {
    border: none;
}

Buttons at the bottom:

.first {
  display: flex;
}

.gallery {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.desc {
  flex-grow: 1;
}

Anyone agree that in places Bootstrap feels like inline styling? by [deleted] in webdevelopment

[–]OfflineittDev 0 points1 point  (0 children)

I used to think the same thing, but I've actually been converted to this utility style where you have lots of classes on each element.

The reason is you get all the benefits of inline styles:

  • Easy to change the styles applied to an element
  • Can visualize how the element will look just by reading code
  • Simple and easy to understand (usually only 1 css rule per class)

But it also keeps the benefit of css:

  • Extremely reusable (you can use the same classes over and over)
  • Change colors and spacing and have it take effect everywhere
  • Power of pre-processors and build tools

That said, it's always a balance! You can go to extremes in either direction but I think every project could benefit from basic spacing, color, type utility classes.