Implementing CSS to html

Idea Generation

What is this project about?

Looking for more support narrowing down your idea? Try using the idea matrix on this page.

I'd like to learn to code CSS so i can make html webpages look nice

What do you want to get out of this project?

I'd like to learn a bit about coding so I can use it in other places where it might be useful.

where did the skills go? we are taking skills out of the idea generation process, in an attempt to make projects more career-focused. If you want to get leveled-up for a project, share it with the appropriate guide or faculty member for feedback upon completion.

Guiding Question

Turn your idea above into a guiding question.

Check out some resources on how to write a guiding question here.

How can I make a colorful local webpage with html/CSS?
  1. To learn CSS and make websites colorful
  2. Learning more about CSS/HTML and how to implement it in a website (not local, just learning more abt how to put it online)
  3. So i can use these skills in other areas where they might become useful


Use this space to take notes, keep track of your sources, or conversations you have with people about this project.

Margins, clickable pictures, background images

Learned how to put pictures in a webpage

Fonts, color, borders, (CSS)


What will it take for you to complete this project?

Use the table below to set your own timeline for deliverables, keep in mind when your final work product is due at the end of the cycle.

Work Product Deliverables

basic margins and other stuff
March 25, 2021
Made clickable background pictures and finished slideshow
March 30, 2021
Work Product due
March 5, 2021

Embed your Work Product Here šŸ‘‡šŸ½

How do I embed my work product on notion?

Click below where it says "Untitled" this will open a new page with an embed block. You can click on this embed block to upload a file or link from your computer. You might also choose to create your project write on that untitled page itself.

Work Product


Reflect on this project cycle by answering the questions below.

The act of reflecting allows us to pull out the big takeaways that we'd like to remember from this project to make recalling them easier.

What are some of the most interesting discoveries you've made working on this project?

Background images and margins were kinda fun to make, just to see that I made it

What extra resources would be helpful for this project in the future?

Ole and w3 website were very helpful in learning html šŸ¤Ŗ

šŸŒ¹ What did you enjoy most about this project? šŸ„€ What didn't go well in this project? šŸŒ± What will you do differently next time?

i enjoyed working with the code and making fun things :)
Fonts glitched out and didn't work. Probably error on my part.
Overall I think it went great! Could have added more elements with the time I had though.


Use the pages below "QR Partner Feedback" and "Faculty Feedback" to find places for improvement.

QR Partner Peer Feedback
Advisor Feedback

Coming up with an Idea