Skip to content

Latest commit

 

History

History
12 lines (9 loc) · 815 Bytes

README.md

File metadata and controls

12 lines (9 loc) · 815 Bytes

ProjectGallery

This simple website shows two flex containers:

  • The first one has a row disposition for desktop mode and will change to row disposition when shown in a mobile device.

  • Each element of the first container will be also a flex container, but in this case it's class is flex-nested-container. These have a column disposition (no matter if it's being shown in desktop mode or in a mobile device). These flex containers contains 4 elements:

    1. A h3 title
    2. A static image
    3. The button that will tocle the article
    4. The article itself that will be shown or hidden

I also created three classes: flex-nested-container-small, flex-nested-container-medium and flex-nested-container-large to play with different sizes, even when the resulting aesthetics is not very appealing.