Back Button Languages
HTML and CSS Workshop

HTML and CSS Workshop

If you'd like to come along for the ride, I need to write the HTML and CSS for a blog design that we'll be using as part of an upcoming series. We'll be entirely focused entirely on HTML and CSS (using Tailwind), exclusively. This will give us plenty of opportunities to discuss common gotchas and techniques. We'll even run into a roadblock here and there.

Intermediate
5 episodes
1h 21m
5
Latest Episode in This Series

Added 1 month ago

Build the Blog Post Page

Our final job is to write the HTML and CSS for the single blog post page....

Watch
HTML and CSS Workshop

HTML and CSS Workshop

Version: Tailwind 2

If you'd like to come along for the ride, I need to write the HTML and CSS for a blog design that we'll be using as part of an upcoming series. We'll be entirely focused entirely on HTML and CSS (using Tailwind), exclusively. This will give us plenty of opportunities to discuss common gotchas and techniques. We'll even run into a roadblock here and there.

Begin
5
Latest Episode in This Series

Added 1 month ago

Build the Blog Post Page

Our final job is to write the HTML and CSS for the single blog post page. It...
Watch

Your Teacher | Jeffrey Way

https://laracasts.s3.amazonaws.com/avatars/jeffrey-avatar.jpg's avatar
Hi, I'm Jeffrey. I'm the creator of Laracasts and spend most of my days building the site and thinking of new ways to teach confusing concepts. I live in Orlando, Florida with my wife and two kids.
    1. Free Episode Run Time 29:47

      Let's begin by extracting all images and assets for his blog design. We'll then begin writing our first draft of the general HTML layout. As part of this, we'll need to spend a few minutes figuring out how to style a fancy select menu.

    2. Free Episode Run Time 14:32

      Let's move on to the primary blog post card. This particular component should be fairly straight-forward to implement, so let's get to it!

    3. Free Episode Run Time 16:24

      Now that the wide blog post card is complete, the smaller ones should be much simpler to implement. After we build a grid to contain them, we should have enough time left over to work on the newsletter form in the site footer.

    4. Free Episode Run Time 6:28

      Before we move on to the single blog post page, let's take a few moments to clean up the responsiveness of the site.

    5. Free Episode Run Time 14:39 View Source

      Our final job is to write the HTML and CSS for the single blog post page. It shouldn't be too difficult, since we've already designed many of the smaller components.