Mar
09
2024

I made quite a bit of progress this evening....finally! 😅

Got the frontend styling done for several sections:

The lessons section was a little challenging because I wanted the line between the lesson number and the lesson name to be centered. I started trying to implement it with CSS Flexbox, but finally got it working with CSS Grid.

This is my favorite quote on the whole site (I gave myself a testimonial. 🤪)

Speaking of testimonials:

This section was a little tricky because I wanted to use a masonry grid. But, it doesn't have great browser support yet:

The trick was to use columns:

.testimonial-grid {
  column-gap: 20px 20px;
  @apply columns-4 mx-5
}

I've only done styling for the desktop view, haven't even started on responsive styling.

My plan is to wrap up the landing page styles tomorrow 🤞