For this exercise, we are going to make a website that looks like this: First, please download the necessary image and text files. Unzip the file and then rename the folder to yourname-gibson-gallery. Inside this folder is an images folder, and a textfiles folder. Inside the text files folder are six text files. Open this folder as a […]
Category: CSS
In this exercise, you will practice your CSS Grid skills, as well as create a harmonious color scheme for your site. First please download the starter files. This will contain the images and the screenshots of the exercise. Once you’re unzipped that package, rename the folder to firstname-lastname-guitarmania2024. And here is a Loom movie describing […]
To Install Tailwind:Open your project in Visual Studio Code. Go to Terminal > New Terminal Type npm install -D tailwindcss To Initialize your project, type Then create two folders inside your project. Name them build and src In the SRC folder, make a file called input.css In the BUILD folder, make a file called index.html In tailwind.config.js, edit […]
First please download the starter files. Now please download the screenshots. Finally, here is a Loom video describing what you will produce. Tailwind Videos A short Loom series on using Tailwind. Killer Shortcut If you go to the tailwindcss website, the keyboard shortcut Ctrl-K will allow you to search the documentation very efficiently. Tailwind Setup […]
There is no excerpt because this is a protected post.
There is no excerpt because this is a protected post.
In this exercise, we are going to explore flexbox and some new ways of working with color in css. First, please download the starter files. Colors to Use Topics We Will Also Explore Resources
First, please download the starter files. In this exercise, you will work with grid to produce the following layout: You may not edit the HTML, only the CSS. Note: the HTML is already “wired up” with the Google font Oswald, and a link to the stylesheet. Requirements Useful Things And don’t forget to:
For this exercise, you will make a WordPress theme using Full Site Editing. You will use the editor, as well as custom css. Here are the resources you will need for the exercise: Install the Duplicator archive in your testing environment. If This Is A Test If this is a test, you are responsible for […]
In this exercise, you will need to use container queries. First, please download the required images. Then, please examine the screenshots. And finally, watch this short Loom video. If this is a test, you may use your notes or the Internet. Talking with anyone other than me, an IA, or other exam invigilator will result […]