fix image problem + some editing

[mairaw]

Fixes #7744

[mairaw]

@CESARDELATORRE this still doesn't solve the image problem. Can I resize the images to make them fit better?

[CESARDELATORRE]

Sure! No issues at all about re-sizing the images! :)

[rpetrusha]

Other than resizing the image, @mairaw, this looks good. I'll approve and you can merge once the image is resized.

[mvelosop]

I'll try to fix it adding some responsiveness, so it fits better to the device's screen.

[mvelosop]

@mairaw it's actually a css problem from the table the current markup generates, it can be solved with a little html/css and it would also be responsive, so the table would colapse to a single column for small devices.

NOW:

FIXED:

Is it ok to have html/css in docs? (ask because I saw the submitted one was removed)

[mvelosop]

BTW, this markup is different from the original one,

[mvelosop]

Hi @mairaw, I pushed the update to your branch because I'm about to end for the week, just in case you have the chance to test this before your day ends.

Best,

[mairaw]

Thanks @mvelosop but that didn't fix the issue. See the page at https://review.docs.microsoft.com/en-us/dotnet/standard/microservices-architecture/container-docker-introduction/docker-defined?branch=pr-en-us-7777.

We avoid HTML as much as we can in the articles and I think resizing would probably be better in this case.

[mvelosop]

Couldn't get to see the preview (unauthorized). 🙁

Anyway, resized the images and reverted to regular markdown.

If this doesn't work we could just go to a two rows table, instead of a two column one.

Best.

[mvelosop]

I just resized the images to half size, this should fix it.

[mairaw]

Yep, thanks @mvelosop!