Inspiration

The Covid-19 pandemic has impacted everyone. Millions of people have been affected worldwide and it has definitely caused stress and commotion in all areas of the world. I decided to create a page using HTML & CSS that informs readers of the virus and what they could do to make lives better. The # of COVID cases pile up as each day goes by and the page I created informs readers of the helpful practices they could take on to lessen the issue.

What it does

𝐇𝐞𝐥𝐩 𝐚 𝐩𝐞𝐫𝐬𝐨𝐧 𝐨𝐮𝐭 informs readers of what they could do to possibly lessen the spread of the virus. In addition, it gives additional tips for having fun & staying safe as well as the effects of quarantine activities.

How I built it

𝐇𝐞𝐥𝐩 𝐚 𝐩𝐞𝐫𝐬𝐨𝐧 𝐨𝐮𝐭 was built using Repl.it, HTML, and CSS. I used HTML to add heading elements 1 & 2, background colour, and my 2 paragraphs of text. I used CSS to adjust the colour of the text and its alignment.

Challenges I ran into

The most challenging part was trying to find the most effective way to convey my message to the audience. I needed to summarize the issue and its solutions into paragraphs that weren't too lengthy. In addition, there was one line of CSS code I needed to fix to align the text properly (took me approximately 10 mins to figure it out).

Accomplishments that I'm proud of

I made this to inform others of this issue and what they could to help the issue. Evidently, everyone is impacted; however, by helping each other we will be able to create a safe environment for everyone.

What I learned

I practiced and refreshed my HTML and CSS skills with this project. In addition, I learned how to inform others about the pandemic in a clear & concise manner. I also learned a lot about COVID myself.

What's next for Help a person out (COVID)

I would like to build a game for this and post it on this page so viewers can learn about the pandemic through playing a fun, yet informative game.

Built With

Share this project:

Updates