Something went wrong. Try again.
exercise for Josh W. Comeau's Joy of React course
Something went wrong. Try again.
1.2 kB · 88 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889/* Josh's Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/*/*,*::before,*::after { box-sizing: border-box;}* { margin: 0;}html,body { height: 100%;}body { line-height: 1.5; -webkit-font-smoothing: antialiased;}img,picture,video,canvas,svg { display: block; max-width: 100%;}input,button,textarea,select { font: inherit;}p,h1,h2,h3,h4,h5,h6 { overflow-wrap: break-word;}#root,#__next { isolation: isolate;}
/* Minimal styles */body { display: flex; flex-direction: column; justify-content: flex-start; padding: 16px; min-height: 100%; font-family: sans-serif; background: hsl(0deg 0% 95%); color: hsl(0deg 0% 10%);}main { width: 100%; max-width: 800px; padding: 16px 24px; margin: 0px auto; border: 1px solid hsl(0deg 0% 50% / 0.3); border-radius: 2px; background: white;}footer { width: 100%; margin-top: auto; font-size: 0.875rem; color: hsl(0deg 0% 30%); text-align: center; padding: 32px 0px; border-top: 1px dashed hsl(0deg 0% 80%);}button { border: none; padding: 0px; background: transparent; cursor: pointer; transition: filter 200ms; font-weight: bold;}.censored { filter: blur(4px);}