This html was used for the UK trip and seems to be ok on cell phones too.

  body {
  background-color: #ADD8E6;
}
  main {
    background: red;<!-- #d9d7d5; -->
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  div {
    background:red; <!-- #767775; -->
    flex-basis: 100%;
    height: 100px;
    margin-bottom: 0.5rem;
  }

  @media (min-width: 600px) {
    main {
      flex-wrap: nowrap;
    }

    div {
      flex-basis: 33%;
    }
  }
  p {
  font-size: 16px;
}

This was used to create html for days in Alaska.

| in str |
" create html for each jog in the in collection"
in := #('abc.jpg' ). day := 'day1'.  "<----------------- change this"
endStr := '>'. quote := $" asString. str1 := '<div class='.
str2 := 'w3-display-container mySlides'. str3 := ' <img src='. str4:= '/%1'. str5 := ' style='.
str6 := 'width:100%'. str7 := ' <div class='.
str8 := 'w3-display-topleft w3-container w3-padding-16 w3-black'.
str9 := '    
 </div>
</div>'.

in do: [:each | | temp | temp := str4 bindWith: each.
Transcript nextPutAll: str1, quote ,str2,quote,endStr;cr.
Transcript nextPutAll: str3, quote, day,temp, quote,str5,quote,str6,quote,endStr;cr.
Transcript nextPutAll: str7, quote,str8,quote,endStr;cr.
Transcript show: str9;cr.
].