Enhancement request: css styling for images

[rstento]

According to the example shown on this blog: https://mrhaki.blogspot.com/2017/10/awesome-asciidoctor-grouping-floating.html

The following markup should scale the three images and line them up across the page: [.float-group]

image::grafanaAkka.png[Akka metrics,width="25%",float="left"]
image::clusterPage1.png[Main dashboard,width="40%",float="left"]
image::grafanaHomeExpanded.png[Grafana dashboard,width="25%",float="left"]

I tried this in the index page for: https://github.com/lightbend/lightbend-console-docs/tree/master/docs/modules/ROOT/pages and couldn't make it work. I suspect we need some css styling to make it happen? The desired output is similar to the images on: https://developer.lightbend.com/docs/console/current/index.html

[rasummer]

So if we need three images in a row on the same line, I can come up with something different to this.

Floating is an old css technique that I don't really want us to start supporting or implementing. Plus we should want this technique to work responsively.

In the meantime, I'll email you a screen grab of the three images, as one image

[rstento]

Sounds good, thanks Ruth Stento User Experience Lead Lightbend 512-696-1448 <http://lightbend.com>

…

On Wed, Aug 7, 2019 at 3:03 PM Richard Summerhayes ***@***.***> wrote: So if we need three images in a row on the same line, I can come up with something different to this. Floating is an old css technique that I don't really want us to start supporting or implementing. Plus we should want this technique to work responsively. In the meantime, I'll email you a screen grab of the three images, as one image — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#29?email_source=notifications&email_token=AFOUG62L4CWNRLMGU7SFO3TQDMTBZA5CNFSM4IKDOHL2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD3ZRUCQ#issuecomment-519248394>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFOUG622WGXFT52HIZEP5DTQDMTBZANCNFSM4IKDOHLQ> .