diff --git a/Output/sitemap.xml b/Output/sitemap.xml index dd966c8..b10ed03 100644 --- a/Output/sitemap.xml +++ b/Output/sitemap.xml @@ -1 +1 @@ -https://fbernutz.github.io/postsdaily1.02020-10-11https://fbernutz.github.io/posts/building-apps-for-everyonemonthly0.52020-10-23https://fbernutz.github.io/posts/github-actionsmonthly0.52020-10-23https://fbernutz.github.io/posts/ipad-and-apple-pencilmonthly0.52020-10-23https://fbernutz.github.io/posts/sketchnotes-on-online-conferencesmonthly0.52020-10-23https://fbernutz.github.io/posts/thoughts-about-2019monthly0.52020-10-23https://fbernutz.github.io/posts/welcome-sketchnotesmonthly0.52020-10-23https://fbernutz.github.io/sketchnotesdaily1.02020-09-26https://fbernutz.github.io/sketchnotes/alnue19-die-4-entscheidenden-perspektivenmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/alnue19-die-agile-transformationmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/alnue19-impressionen-einer-reise-in-die-agilitaetmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/alnue19-management-hat-euch-gross-gemachtmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/alnue19-traum-vs-wirklichkeitmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/alnue19-warum-agilitaet-auch-stabilitaet-brauchtmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-accessibility-for-iosmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-apps-for-allmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-building-swift-clismonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-custom-swiftui-componentsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-getting-started-with-combinemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-make-your-voice-heardmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-practical-machine-learningmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-property-wrappersmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-quantum-computersmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-realtime-video-processingmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-small-team-big-opensourcemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-uimode-pitch-blackmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/appbuilders20-uitesting-over-the-yearsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/apple19-special-eventmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/apple20-special-eventmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/dachfest18-01monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/devfest19-how-javascript-influenced-our-livesmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/devfest19-light-or-darkmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/devfest19-understanding-declarative-uimonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/gdg19-kotlin-multiplatformmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/heldenreisemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-1monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-10monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-2monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-3monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-4monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-5monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-6monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-7monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-8monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-9monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/snconnect20-introductionmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/snconnect20-lets-letter-togethermonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/snconnect20-tips-and-tricks-for-sketchnoting-in-procreatemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-advanced-colors-in-iosmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-clues-approach-to-backend-driven-uimonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-consistency-principlemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-detangling-gesture-recognizersmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-from-heroic-leaders-to-high-performing-teamsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-how-to-market-your-mobile-appmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-inclusive-accessible-app-developmentmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-internationalizing-your-appmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-kotlin-nativemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-mobile-me-its-complicatedmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-muse-prototype-challengesmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-promises-in-iosmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf19-swift5-strings-interpolationmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-building-a-mobile-based-startup-businessmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-building-programming-language-in-swiftmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-combine-connect-midi-signals-to-swiftuimonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-conductors-its-all-about-communicationmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-cross-platform-collaboration-patternsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-data-trusts-what-why-howmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-explain-metal-like-i-m-5monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-fixing-combine-code-with-timelane-instrumentmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-multi-threaded-asynchronous-parallel-world-of-swiftmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-prepping-for-a-swiftui-futuremonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-rich-text-core-textmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-state-driven-developmentmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-swift-scriptsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-swiftui-data-flow-with-reduxmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-visualizing-the-structure-of-a-swift-projectmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-we-need-to-talk-about-websocketsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-who-can-say-they-have-learned-swiftmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-who-s-afraid-of-the-big-bad-bluetoothmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/uikonf20-why-is-swift-so-much-better-on-servermonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/verstaendlich-schreibenmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc16-in-app-purchases-with-swift3monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-accessibility-custom-actionsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-accessibility-inspectormonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-advances-in-ui-data-sourcesmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-creating-great-localized-experiences-with-xcode-11monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-implementing-dark-mode-in-iosmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-introducing-swift-uimonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-keynote-1monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-keynote-2monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-keynote-3monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-modernizing-your-ui-for-ios-13monthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-visual-design-accessibilitymonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-whats-new-in-ios-designmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-whats-new-in-swiftmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc19-writing-great-accessibility-labelsmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-advances-in-uicollectionviewmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-keynotemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-make-your-app-visually-accessiblemonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-meet-scribble-for-ipadmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-meet-widgetkitmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-modern-cell-configurationmonthly0.52020-10-23https://fbernutz.github.io/sketchnotes/wwdc20-state-of-the-unionmonthly0.52020-10-23 \ No newline at end of file +https://fbernutz.github.io/postsdaily1.02020-10-11https://fbernutz.github.io/posts/building-apps-for-everyonemonthly0.52020-10-30https://fbernutz.github.io/posts/github-actionsmonthly0.52020-10-30https://fbernutz.github.io/posts/ipad-and-apple-pencilmonthly0.52020-10-30https://fbernutz.github.io/posts/sketchnotes-on-online-conferencesmonthly0.52020-10-30https://fbernutz.github.io/posts/thoughts-about-2019monthly0.52020-10-30https://fbernutz.github.io/posts/welcome-sketchnotesmonthly0.52020-10-30https://fbernutz.github.io/sketchnotesdaily1.02020-09-26https://fbernutz.github.io/sketchnotes/alnue19-die-4-entscheidenden-perspektivenmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/alnue19-die-agile-transformationmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/alnue19-impressionen-einer-reise-in-die-agilitaetmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/alnue19-management-hat-euch-gross-gemachtmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/alnue19-traum-vs-wirklichkeitmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/alnue19-warum-agilitaet-auch-stabilitaet-brauchtmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-accessibility-for-iosmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-apps-for-allmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-building-swift-clismonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-custom-swiftui-componentsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-getting-started-with-combinemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-make-your-voice-heardmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-practical-machine-learningmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-property-wrappersmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-quantum-computersmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-realtime-video-processingmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-small-team-big-opensourcemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-uimode-pitch-blackmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/appbuilders20-uitesting-over-the-yearsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/apple19-special-eventmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/apple20-special-eventmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/dachfest18-01monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/devfest19-how-javascript-influenced-our-livesmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/devfest19-light-or-darkmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/devfest19-understanding-declarative-uimonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/gdg19-kotlin-multiplatformmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/heldenreisemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-1monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-10monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-2monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-3monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-4monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-5monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-6monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-7monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-8monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/mismatch-how-inclusion-shapes-design-9monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/snconnect20-introductionmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/snconnect20-lets-letter-togethermonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/snconnect20-tips-and-tricks-for-sketchnoting-in-procreatemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-advanced-colors-in-iosmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-clues-approach-to-backend-driven-uimonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-consistency-principlemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-detangling-gesture-recognizersmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-from-heroic-leaders-to-high-performing-teamsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-how-to-market-your-mobile-appmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-inclusive-accessible-app-developmentmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-internationalizing-your-appmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-kotlin-nativemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-mobile-me-its-complicatedmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-muse-prototype-challengesmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-promises-in-iosmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf19-swift5-strings-interpolationmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-building-a-mobile-based-startup-businessmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-building-programming-language-in-swiftmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-combine-connect-midi-signals-to-swiftuimonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-conductors-its-all-about-communicationmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-cross-platform-collaboration-patternsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-data-trusts-what-why-howmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-explain-metal-like-i-m-5monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-fixing-combine-code-with-timelane-instrumentmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-multi-threaded-asynchronous-parallel-world-of-swiftmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-prepping-for-a-swiftui-futuremonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-rich-text-core-textmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-state-driven-developmentmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-swift-scriptsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-swiftui-data-flow-with-reduxmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-visualizing-the-structure-of-a-swift-projectmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-we-need-to-talk-about-websocketsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-who-can-say-they-have-learned-swiftmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-who-s-afraid-of-the-big-bad-bluetoothmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/uikonf20-why-is-swift-so-much-better-on-servermonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/verstaendlich-schreibenmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc16-in-app-purchases-with-swift3monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-accessibility-custom-actionsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-accessibility-inspectormonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-advances-in-ui-data-sourcesmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-creating-great-localized-experiences-with-xcode-11monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-implementing-dark-mode-in-iosmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-introducing-swift-uimonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-keynote-1monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-keynote-2monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-keynote-3monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-modernizing-your-ui-for-ios-13monthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-visual-design-accessibilitymonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-whats-new-in-ios-designmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-whats-new-in-swiftmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc19-writing-great-accessibility-labelsmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-advances-in-uicollectionviewmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-keynotemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-make-your-app-visually-accessiblemonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-meet-scribble-for-ipadmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-meet-widgetkitmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-modern-cell-configurationmonthly0.52020-10-30https://fbernutz.github.io/sketchnotes/wwdc20-state-of-the-unionmonthly0.52020-10-30 \ No newline at end of file diff --git a/Output/styles.css b/Output/styles.css index e16895b..a5960b3 100644 --- a/Output/styles.css +++ b/Output/styles.css @@ -151,39 +151,34 @@ a { /* SKETCHNOTES */ .sketchnotes { - column-count: 3; - column-gap: 20px; + display: flex; + flex-wrap: wrap; margin-bottom: 20px; } +.sketchnote-item { + margin: 10px; + position: relative; + box-shadow: 0 0 5px #ccc; + flex: 30%; +} + @media (max-width: 800px) { - .sketchnotes { - column-count: 2; + .sketchnote-item { + flex: 50%; } } @media (max-width: 400px) { - .sketchnotes { - column-count: 1; + .sketchnote-item { + flex: 100%; } } -.sketchnote-item { - margin-bottom: 20px; - position: relative; - box-shadow: 0 0 5px #ccc; - overflow: hidden; -} - .recents .sketchnote-item { margin-bottom: 0; } -.sketchnote-item a { - /* to remove small line under image */ - display: block; -} - .sketchnote-item a:focus { box-shadow: 0 0 5px #999; } @@ -211,8 +206,10 @@ a { } .sketchnote-image { - /* to remove small line under image */ - display: block; + padding: 4px; + height: 200px; + object-fit: contain; + background-color: white; } .sketchnote-title { diff --git a/Resources/styles.css b/Resources/styles.css index e16895b..a5960b3 100644 --- a/Resources/styles.css +++ b/Resources/styles.css @@ -151,39 +151,34 @@ a { /* SKETCHNOTES */ .sketchnotes { - column-count: 3; - column-gap: 20px; + display: flex; + flex-wrap: wrap; margin-bottom: 20px; } +.sketchnote-item { + margin: 10px; + position: relative; + box-shadow: 0 0 5px #ccc; + flex: 30%; +} + @media (max-width: 800px) { - .sketchnotes { - column-count: 2; + .sketchnote-item { + flex: 50%; } } @media (max-width: 400px) { - .sketchnotes { - column-count: 1; + .sketchnote-item { + flex: 100%; } } -.sketchnote-item { - margin-bottom: 20px; - position: relative; - box-shadow: 0 0 5px #ccc; - overflow: hidden; -} - .recents .sketchnote-item { margin-bottom: 0; } -.sketchnote-item a { - /* to remove small line under image */ - display: block; -} - .sketchnote-item a:focus { box-shadow: 0 0 5px #999; } @@ -211,8 +206,10 @@ a { } .sketchnote-image { - /* to remove small line under image */ - display: block; + padding: 4px; + height: 200px; + object-fit: contain; + background-color: white; } .sketchnote-title {