diff options
| author | martinfalisse <martinmotteditfalisse@gmail.com> | 2022-11-05 19:19:15 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-11-06 13:23:33 +0100 |
| commit | 13ac078202710673b815c38c76cf68a17a6d0091 (patch) | |
| tree | 27266b7743da175920a2f1558f6bd25ccd5997de | |
| parent | 03949296c7df16c0fee7b7358673994efc0b891f (diff) | |
| download | serenity-13ac078202710673b815c38c76cf68a17a6d0091.zip | |
Base: Add test for sizing children of grid
| -rw-r--r-- | Base/res/html/misc/display-grid.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/Base/res/html/misc/display-grid.html b/Base/res/html/misc/display-grid.html index c88118d0e2..c46ddbe518 100644 --- a/Base/res/html/misc/display-grid.html +++ b/Base/res/html/misc/display-grid.html @@ -332,3 +332,23 @@ length value, and as a minimum two lengths with an auto. --> <div class="grid-item">3</div> <div class="grid-item">4</div> </div> + +<!-- Sizing of children of grid --> +<p>Should render a 64px wide image</p> +<div + class="grid-container" + style=" + grid-template-columns: auto 0 minmax(0, 100%); + "> + <div class="wrapper" style="width: 100%;"> + <img style="width: 100%;" src="data:image/jpeg;base64, + /9j/4AAQSkZJRgABAQEAYABgAAD/2wBDADIiJSwlHzIsKSw4NTI7S31RS0VFS5ltc1p9tZ++u7Kf + r6zI4f/zyNT/16yv+v/9////////wfD/////////////2wBDATU4OEtCS5NRUZP/zq/O//////// + ////////////////////////////////////////////////////////////wAARCAAYAEADAREA + AhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAQMAAgQF/8QAJRABAAIBBAEEAgMAAAAAAAAAAQIR + AAMSITEEEyJBgTORUWFx/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAA + AAD/2gAMAwEAAhEDEQA/AOgM52xQDrjvAV5Xv0vfKUALlTQfeBm0HThMNHXkL0Lw/swN5qgA8yT4 + MCS1OEOJV8mBz9Z05yfW8iSx7p4j+jA1aD6Wj7ZMzstsfvAas4UyRHvjrAkC9KhpLMClQntlqFc2 + X1gUj4viwVObKrddH9YDoHvuujAEuNV+bLwFS8XxdSr+Cq3Vf+4F5RgQl6ZR2p1eAzU/HX80YBYy + JLCuexwJCO2O1bwCRidAfWBSctswbI12GAJT3yiwFR7+MBjGK2g/WAJR3FdF84E2rK5VR0YH/9k="> +</div> |