Fourth mission❗ grid and the before/after pseudo-elements
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.
- #Fourth mission❗
- #Zerobase
- #Frontend School