/cssBayan

Primary LanguageHTML

Pure CSS Meme Accordion

  1. It's forbidden to use CSS frameworks (bootstrap, foundation and etc...);
  2. It's forbidden to use JavaScript and npm libraries;
  3. It's forbidden to use CSS preprocess tools (You should use pure CSS);
  4. It's forbidden to use pseudo-elements (note: pseudo-classes are allowed)
  5. Your accordion should work correctly in Chrome;
  6. All blocks/parts of the accordion are in base flow of the dom elements. All elements are not positioned with top, left, right, bottom. float is not used. The value of position is only static
  7. Initially, the first meme should be expanded
  8. Cursor over the memes (hover) effect only exists for devices that can support hover.

Deploy

https://noisekov.github.io/cssBayan/cssBayan/index.html