An ocean view and trendy blue-tiled sushi bar enhance this large dining room's appeal.

Theme image courtesy of flickr creative commons

Wondering where the above background image comes from? That image is applied to the row. You can view the exact background image settings on the design pane. The 'scroll over' effect is changed when the width enters the tablets area. This is done because of limitited support for the fixed setting on iOS devices. Then two subgrids are used for the content on op the image. The first holds the navigation. The second the headers. The background for the first header is semi-transparant, adding to the effect. 

The navigation elements are positioned and repositioned with flexbox. It’s amazing what can be done with it! The flex settings for the parents are simple, just go to the design pane with the subgrid column selected to view them. The flex children are ordered using the flex orer property (on their ID). Pretty neat uh!?

There’s also a smaller navigation which is hidden (display: none) on large screens but used for smaller widths. Hope this help understand how this part of the theme has been constructed!

A meal at Atlas does not kick off with a spiel from the waiter about how each dish will come out of the kitchen when it’s ready and is meant to be shared. Nor is there an option of a five-, eight- or 14-course “chef’s tasting menu” that begins with an edible doodad served in a Chinese soup spoon. Instead, you will be greeted with a classic a la carte menu — appetizer, main, dessert — offering no embellishment beyond an irresistible bread service. (Another gougere? Oh, why not?)