From the course: HTML, CSS, and Generative AI: Speed Up Your Process

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Solution: Generate CSS for the HTML template

Solution: Generate CSS for the HTML template - ChatGPT Tutorial

From the course: HTML, CSS, and Generative AI: Speed Up Your Process

Start my 1-month free trial Buy for my team

Solution: Generate CSS for the HTML template

“

(upbeat music) - [Joe] Okay, so let's look at how I solved this. Here is the website we're working with. I decided to use my resume.html. It's slightly modified from what the AI provided us in an earlier challenge. I wanted to structure and add some navigation as well. If we look at the markup, we have it all here, so it's pretty standard, and I'm going to be using ChatGPT-4. I made sure to start a new chat so it doesn't have the context of any of our previous work. Here is the first prompt. I say, "Here's the HTML markup for a new resume site I'm working on. I'm going to provide a series of prompts to help me write CSS for it. Do you understand?" And then I paste it in the HTML. So I'm going to send that to the AI. "Great! You've provided HTML markup for a resume site. I'm ready to assist you with CSS styles for each section. Let me know specific elements you want me to style," et cetera, et cetera. Okay, great. So I've heard mixed results on whether asking it if it understands is…

Contents