For this code challenge, please download this image. For the paths to be consistent, put the html file, the image, and the css file in the same folder, and use relative paths ( no starting / ). Put your CSS inside <style> tags in the head of the document. Don’t link to an external stylesheet. […]
Category: CSS
First, please download the starter files. There is a folder of screenshots contained within the folder you download, as well as an HTML file and some image files. Exercise Details This document will describe what I’d like you to do in the exercise. This Loom video will also demonstrate. In this exercise, you will make […]
First of all, please download these starter files. Next, download the screenshots. Here is a Loom movie showing how the page needs to behave. If this a test, you may use the Internet or your notes, but you may not communicate with anyone other than me or our Instructional Assistant (if we have one). Details […]
For this exercise, please watch the videos at the URL below. Flexbox “Holy Grail” 2025 Layout The order you should watch them in is indicated by the number at the start of each video’s title. You should end up with a page that looks more or less like this: When done, name your project folder yourname-flex-video-follow-along, […]
First, please download the screenshots and logo file. In this exercise, you will make the front page of a magazine-style site. There will be three main sections to the page: header, main, and footer. All type will be the georgia, times, ‘times new roman’, serif font stack. A short movie describing the task and showing […]
For this exercise, please first download these files. Once you unzip the files, you will see that there is a begin-here.html file, a screenshots folder, and a folder of images. In the begin.html file, there are a number of tables that have been marked up already. Some images are also already in the HTML. You […]
This exercise is for you if you want to review how to use the grid display property, as well as to use the mobile-first authoring method effectively. If you have not used grid before, it would be better for you to do the step-by-step version of this exercise: it will take you through building this […]
Please make a menu like the one contained in this video. Click in the bottom right to watch full screen: that will make what I’m looking for here more clear, and will remove the extra spacing this Loom player embed seems to want to add for some reason. Please make sure that your file has […]
Copy the following snippet of text into Visual Studio Code: Now, figure out the most most efficient way to turn this data into a table with the following characteristics: There are four columns. The first row of the snippet has the table headers. Each table header begins with a capital letter. The table has this […]
First, please download the required files. In this exercise, you will make the front page of a responsive website. As always, use a mobile-first approach. There will be three responsive states: phone, tablet, desktop. Screenshots are provided with the downloaded files. You will write all the HTML & CSS. The Main Article Each paragraph in […]