Skip to content
mission학습 기록

Fourth mission❗ grid and the before/after pseudo-elements

1 min readLearningMoved from my Tistory blogRead the Korean original

I'll write about what I learned while working on the fourth mission.

When I first looked at the design in Figma for this mission, I thought it would be very easy. But I had only been building layouts with flex, so grid was a bit unfamiliar, and I think I used this chance to review it properly. Also, a Toggle was already implemented with JS. At first I thought I'd add behavior inside that function, but I felt I was supposed to solve the mission with css on top of the existing JS, so I solved the problem with the before and after pseudo-elements.

Below is a site I referred to for this mission.

https://projects.verou.me/bubbly/

Bubbly: CSS speech bubbles made easy

  • #Fourth mission❗
  • #Zerobase
  • #Frontend School

More in Learning