I AM LISTENING TO
|
WAS ICH LIEBE
  • Englisch
  • Deutsch

Hexagons & grids do not mix … are you sure ?

18. Juni 2017




Hexagons & grids do not mix … are you sure ?

CSS responsive grid of hexagons allows you to easily create just that for images and some text. Nice way to present a portfolio.

  • The hexagon grid is responsive according to the width of the container (#hexGrid)
  • Hexagons keep their aspect ratio according to their width
  • The number of hexagons per row is adaptive and changes from 5 to 2 on media query break points
  • A title and short text slide in on hexagon hover and focus
  • Hexagons and can be cycled through with tab (keyboard navigation)

GitHub

 




Related Content

portalZINE NMN | Development meets Creativity | css grid
Gutenberg Grids & Timber ++ Some CSS Grid Magic!

A grid mystery Somehow the Grids Layout Builder for Gutenberg ist not pushing styles to the footer within a Timber theme. At least not for me. Somehow the wp_footer action within the Grids plugin is not being executed and no grid styles are added to the footer. I am not getting any errors, but will […]

portalZINE NMN | Development meets Creativity | cubicfusion grid tweaker
cubicFUSION Grid Tweaker – Elementor Grid made easy.

Elementor Pro provides grid containers as an experimental feature. The options provided are limited, when it comes to native controls. The fine-tuning of the grid container items need to be done using Advanced CSS. If you are looking for a simpler way without using Advanced CSS, I started building out a Grid Tweaker for Elementor. […]

portalZINE NMN | Development meets Creativity | bookstack csv parsing grid
Bookstack: Embed local CSV files

What is Bookstack BookStack is an open-source, web-based platform for organizing, storing, and sharing knowledge and documentation. It was developed to provide a user-friendly and intuitive interface for creating and managing knowledge bases, wikis, and other types of structured content. BookStack allows users to create books, chapters, and pages, and to organize them hierarchically. Users […]

Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments


team_alex

Alexander Gräf

Portfolio

Book Me

Get in touch

Live Chat

Alexander

Ich bin ein Full-Stack-Entwickler. Meine Expertise umfasst:

  • Server-, Netzwerk- und Hosting-Umgebungen
  • Datenmodellierung / Import / Export
  • Geschäftslogik
  • API Layer / Action Layer / MVC
  • Benutzeroberflächen
  • User Experience
  • Verständnis für Kundenwünsche und Geschäftsbedürfnisse

 

Ich liebe die Entwicklung, das Design und kenne mich auch mit Serverarchitekturen aus.  Ich würde mich nie vollständig fühlen, wenn einer der Bereiche fehlen würde.

Ich habe ein breites Interessengebiet, deshalb tauche ich ständig in neue Technologien ein und erweitere mein Wissen, wo immer es nötig ist. Die Technologien entwickeln sich schnell und ich genieße es, die neuesten Technologien zu nutzen.

Abgesehen davon bin ich ein friedliebender Kerl, der versucht, Leute um sich herum zu haben, die dasselbe denken.  Ich glaube wirklich an das Prinzip: "Wenn man jemandem hilft, wird einem jemand helfen, wenn man es braucht."

Leistungen
Previous Next