PinnedGreeminJavaScript in Plain EnglishStyling React Forms with CSSYour React Form works! congrats but now what. All the div boxes are stacked next to each other horizontally. It looks ugly as hell. Users…Apr 7, 2021Apr 7, 2021
GreemCSS KP 08 — display: flex, text-align: center;, max-width: 50ch;, place-items: center…display: flex; text-align: center; max-width: 50ch; place-items: center; place-content:center; row-gap: 10%; align-item:end;Sep 26Sep 26
GreemCSS KP 07 — responsiveness-mobile-first approach designnotice body’s reset’s min-height: 100vh;Sep 24Sep 24
GreemCSS KP 06 — Homepage, grid-template-columns: 2em minmax(0, 60rem) 2em;-display: inline-grid;Sep 24Sep 24
GreemCSS KP 03 — Nav hover over indicatorUtilizing our utility classes(previous blog) that we built already, we can directly go to our html and add our styling.Sep 23Sep 23
GreemCSS KP 03 — Utility Classes 02— spacingWe can also add spacing classes to our utility classes. To reduce the extra space caused by selecting all elements, we utilize the…Sep 22Sep 22