{"_id":"5fe23297e28a2b6bca52bcc7","author":{"_id":"5fe231f9e28a2b6bca52bcb3","name":"David R. Myers","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659387971688/t4sYeH5r6.jpeg","username":"voracious"},"badgePageEnabled":true,"description":"Opinionated Software Engineer spreading positivity and inclusivity | Building octo.app | JS, TS, Vue, React, Ruby, Rails","domain":"","domainStatus":{},"wwwPrefixedDomainStatus":{},"customCSSEnabled":false,"customCSSDraft":{"homeMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#2563eb;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}","postMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#3b82f6;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}","staticMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#3b82f6;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}"},"customCSSPublished":{"homeMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#2563eb;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}","postMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#3b82f6;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}","staticMin":":root.dark body{background-color:#111}:root.dark .blog-body{background-color:#111}:root .blog-header{border-bottom:0}.blog-header .container{padding:0;max-width:100%;width:100%}@media(min-width:1536px){.container{max-width:1536px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:640px){.container{max-width:640px}}.container{width:100%}.blog-author-container{border:0}.blog-author-area-photo{border-radius:.25rem}.blog-post-card-cover a{border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container{display:flex;flex-direction:column}.blog-header .container>:not(.blog-sub-header){padding:.5rem}.blog-header .blog-title a{font-weight:normal;padding:.5rem}.blog-header .blog-more-icon,.blog-header .blog-follow-button,.blog-header .blog-theme-switcher,.blog-header .blog-search-button{background-color:transparent;border:0;border-radius:.25rem;color:white;font-weight:normal;padding:.5rem;margin:0 .125rem}.blog-header .container .blog-more-icon:hover,.blog-header .container .blog-follow-button:hover,.blog-header .container .blog-theme-switcher:hover,.blog-header .container .blog-search-button:hover{background-color:#121212;background-color:rgba(0,0,0,0.25);box-shadow:none;color:white}.blog-header .blog-search-button svg{display:none}.blog-header .blog-search-button::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-more-icon svg{display:none}.blog-header .blog-more-icon::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-theme-switcher svg{display:none}.blog-header .blog-theme-switcher::before{display:block;height:1.25em;width:1.25em;content:url('data:image/svg+xml,')}.blog-header .blog-follow-button,.blog-header .blog-more-icon{background-color:white;color:#2962ff;font-weight:normal}.blog-header .blog-follow-button{line-height:1em}.blog-header .blog-follow-button svg{display:none}.blog-header .blog-follow-button::before{display:block;height:1.25em;width:1.25em;margin-right:.25rem;content:url(\"data:image/svg+xml,\")}.blog-header .blog-sub-header a{border-radius:.25rem;padding:.5rem;margin:0 .125rem;text-transform:none}.blog-header .blog-sub-header .blog-nav-active{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header .blog-sub-header a:hover{background-color:#121212;background-color:rgba(0,0,0,0.25)}.blog-header{font-size:1em}.blog-author-card>div{display:flex;flex-direction:column-reverse;align-items:stretch}.blog-author-card .blog-author-area-photo{margin:auto}.blog-author-card .blog-author-area-name{margin:0}.blog-author-card .blog-follow-wrapper{margin:0;width:100%}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:center}.blog-header .container>:first-child{background-color:#2563eb;margin:0}.blog-header .container>:first-child>div{height:auto;padding:0}.blog-header .container button{border-radius:.25rem;color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:none}.blog-header .container button:not(.blog-theme-switcher):not(.blog-search-button):not(.blog-menu-profile){background-color:#3b82f6;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.blog-header .container>:first-child>:first-child>:first-child>button::before{content:url('data:image/svg+xml,');height:1.25em;width:1.25em;margin-right:.25rem}.blog-header .container>:first-child>:first-child>:first-child>button svg{display:none}.blog-header .container>:first-child>:first-child>:first-child>button+div{background-color:#2563eb;text-align:center;padding:.5rem;width:100%}.blog-header .container>:first-child>:first-child>:first-child>button+div button{margin:0;top:.5rem;right:.5rem}.blog-header .container>:first-child>:first-child>:first-child>button+div a{border-radius:.25rem}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"] svg{display:none}.blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.dark .blog-header .blog-social-media-section a[href=\"https://voracious.dev/rss.xml\"]::before{content:url('data:image/svg+xml,')}.blog-subscription-form .blog-subscription-form-wrapper{overflow:visible}.blog-subscription-form-wrapper>div{display:flex;flex-direction:column;align-items:stretch}.blog-subscription-form-wrapper>div>div{margin:0}.blog-subscription-form-message{margin-bottom:.5rem}.blog-subscription-form .blog-subscription-form-input{background-color:#fafafa;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark .blog-subscription-form .blog-subscription-form-input{background-color:#18191a}.blog-subscription-form .blog-subscription-form-input+div button{border-radius:.25rem;text-transform:none}.blog-subscription-form-wrapper svg{display:none}.blog-subscription-form-wrapper>div>:last-child>:first-child::before{content:url('data:image/svg+xml,');height:1.5em;width:1.5em}.blog-posts-wrapper :last-child button{background-color:#2563eb;border:0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);color:white;font-size:1em;font-weight:normal;padding:.5rem;text-transform:capitalize}.blog-posts-wrapper :last-child button svg{display:none}.blog-body .blog-footer-area,.blog-body .blog-impressum{border:0;text-align:center}.blog-body .blog-footer-area,.blog-body .blog-impressum{background-color:#fafafa}.dark .blog-body .blog-footer-area{background-color:#18191a}@media(min-width:375px){.blog-header .blog-follow-button span::after{content:' Me'}}@media(min-width:768px){.blog-header .container{flex-direction:column-reverse}.blog-header .container>:first-child{background-color:inherit}.blog-header .blog-sub-header{background-color:#2563eb;padding:.5rem}.blog-author-card>div{flex-direction:row}.blog-author-card .blog-author-area-name,.blog-author-card .blog-follow-wrapper{text-align:left}.blog-subscription-form-message{white-space:nowrap}}"},"customRules":[],"darkModeEnabled":true,"darkModeLogo":"","disableFooterBranding":false,"isSubscriptionModalDisabled":false,"publicMembersCount":1,"displayTitle":"@voraciousdev","fathomCustomDomain":"","fathomCustomDomainEnabled":false,"fathomSiteID":"","favicon":"","fbPixelID":"","gaTrackingID":"","gTagManagerID":"","hasBadges":true,"headerColor":"","hideMembersPage":false,"hotjarSiteID":"","imprint":"

New to Hashnode? Sign up now!

\n","isTeam":true,"layout":"grid","matomoURL":"","membersPageEnabled":true,"menu":[{"_id":"60e8fa076d962b01bdecb578","label":"Twitter","type":"link","url":"https://twitter.com/voraciousdev"},{"_id":"63580e2ed6a840fb80edc6cc","label":"GitHub","type":"link","url":"https://github.com/voracious"},{"_id":"60e8fa216d962b01bdecb580","label":"Octo","type":"link","url":"https://octo.app"},{"_id":"625433d3b32ddd968bbe9755","label":"Cheat Sheets","type":"page","url":"https://voracious.hashnode.dev/sheets","page":"610417369036db5b3513cd09"}],"metaHTML":"

Senior Software Engineer sharing resources, tips, and lessons learned\n| Building octo.app in public\n| Black Lives Matter

\n","metaHTMLSanitized":"Senior Software Engineer sharing resources, tips, and lessons learned\n| Building octo.app in public\n| Black Lives Matter\n","newsletterEnabled":true,"proTeamEnabled":false,"newsletterPageEnabled":false,"ogImage":"","logo":"","textSelectionSharerEnabled":false,"title":"@voracious","urlPattern":"simple","username":"voracious","viewCountVisible":true,"wmPaymentPointer":"$ilp.uphold.com/WQzWkPJpBGdJ","readTimeHidden":false,"links":{"twitter":"","instagram":"","github":"","website":"https://voracious.dev","hashnode":"https://hashnode.com/@voraciousdev","youtube":"","dailydev":"","linkedin":"https://linkedin.com/in/voracious","mastodon":"","facebook":""},"numPosts":7,"sponsorship":{"content":"","contentMarkdown":""},"allowContributorEdits":true,"allowCrawlingByGPT":false}

Cheat Sheets

CSS Flexbox

Flex Containers

Flex Items