website icon indicating copy to clipboard operation
website copied to clipboard

In Layout > Introduction Has Layout Inconsistency for Images

Open zalabhavy opened this issue 9 months ago • 3 comments

Describe the problem

Some images are full-width and centered, while others are smaller and aligned to the left.

Image Image Image Image Image

Expected fix

This is commonly caused by inconsistent styling I will improve styling for this images make it consistent.

On which browser(s) did you experience this issue?

Chrome

Additional context

No response

I would like to fix this problem.

  • [x] I will try and fix this problem on docs.flutter.dev.

zalabhavy avatar May 10 '25 18:05 zalabhavy

@parlough @sfshaza2 Can I work on this issue ?

zalabhavy avatar May 10 '25 18:05 zalabhavy

parlough sfshaza2 Can I work on this issue ?

Sure! But before spending the time, could you outline what adjustments you want to make? Some of the images being full width might make them too large, I'm not sure.

parlough avatar May 12 '25 16:05 parlough

@parlough I will add css .center-wide { width: 100%; } In utills.scss then use in image class

Looks like ,

Image Image Image Image Image

zalabhavy avatar May 13 '25 11:05 zalabhavy