My first attempt with Materialize! I so wish I would be able to make this kind of gallery in Foundation too. Well, maybe one day...
Although the image seems to be tucked away into a corner in the project file, It won't be like that when viewed in a browser. But it looks like the Materialize css classes are overriding the positioning rules I tried. I have not used any css grid, with me it's all traditional css plus flexbox. I have used the code I found at materializecss.com, which seems to be the same as CC also has used.
For those who want a component, select the container with the class name 'carousel'. There is also a small script in the page manager that makes the carousel auto-play.
","keywordsContent":"","languageContent":"en-GB","name":"Index","outline":{"nodes":{"Body@0":{"c":["Container@14","Container@2","Container@16"],"p":null},"Container@14":{"c":["Heading 1@15"],"p":"Body@0"},"Container@16":{"c":["Paragraph@17"],"p":"Body@0"},"Container@2":{"c":["Picture Link@4","Picture Link@9","Picture Link@10","Picture Link@13","Picture Link@11","Picture Link@12"],"p":"Body@0"},"Heading 1@15":{"c":[],"p":"Container@14"},"Paragraph@17":{"c":[],"p":"Container@16"},"Picture Link@10":{"c":[],"p":"Container@2"},"Picture Link@11":{"c":[],"p":"Container@2"},"Picture Link@12":{"c":[],"p":"Container@2"},"Picture Link@13":{"c":[],"p":"Container@2"},"Picture Link@4":{"c":[],"p":"Container@2"},"Picture Link@9":{"c":[],"p":"Container@2"}},"root":"Body@0","uid":18},"structureData":[],"usedCommonValues":{}}],"position":0,"pro_version":true,"project_guides":[0,0,0,0,0,1,1],"resourcesInUse":{"./img/arendal-kirke.jpg":{"breakpoints":{},"elements":{"counter":0},"id":30,"pictures":{"default":1},"type":"image"},"./img/haute-atlas.jpg":{"breakpoints":{},"elements":{"counter":0},"id":31,"pictures":{"default":1},"type":"image"},"./img/man-in-moon.jpg":{"breakpoints":{},"elements":{"counter":0},"id":32,"pictures":{"default":1},"type":"image"},"./img/old-oak.jpg":{"breakpoints":{},"elements":{"counter":0},"id":33,"pictures":{"default":1},"type":"image"},"./img/rough-sea.jpg":{"breakpoints":{},"elements":{"counter":0},"id":34,"pictures":{"default":1},"type":"image"},"./img/vannlilje.jpg":{"breakpoints":{},"elements":{"counter":0},"id":35,"pictures":{"default":1},"type":"image"}},"reverseBaseSelectors":{"1201":{"regular":{"a.responsive-picture.carousel-item.medium-carousel > picture":"a.responsive-picture.carousel-item.medium-carousel"},"support_queries":[]},"601":{"regular":{"a.responsive-picture.carousel-item.medium-carousel > picture":"a.responsive-picture.carousel-item.medium-carousel"},"support_queries":[]},"993":{"regular":{"a.responsive-picture.carousel-item.medium-carousel > picture":"a.responsive-picture.carousel-item.medium-carousel"},"support_queries":[]},"default":{"regular":{"a.responsive-picture.carousel-item.medium-carousel > picture":"a.responsive-picture.carousel-item.medium-carousel"},"support_queries":[]}},"save_path":"C:/Users/Inger/Desktop","slug_id":"","status":{"breakpoints_mode":"All","slider":585,"supports_feature_active":false,"supports_feature_attaches":[]},"units":"rem","useFlatModel":true,"usedFonts":{},"user_email":""}
PK mN(W 9 resources/img/arendal-kirke.jpg DExif MM * @ + ( 1 " 2 ;
i X
'
'Adobe Photoshop CC 2019 (Windows) 2019:03:13 20:12:36 Inger Eik inger.eik@gmail.com 0221 ( H H Adobe_CM Adobe d
k "
?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? jBm
BFRFЃO飵8pbV^C_OO$5''ؒMO% Սzh-zi4
oM/MYҵ?dV+M>I
I{#JC\ޚOhbЌ%J5"