Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

Where do I find links to add to my projects section?
Or do I just need to add placeholder boxes?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./styles.css" />
    <title>My Portfolio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body>
      <section id = "welcome-section">
        <h1>Hi! I'm Mika</h1>
        <p>A web developer</p>
      <section id="projects">
        <h1 class="project-section-title">These are some of my projects</h1>
      </section>

      </section>
      </body>
      </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

you can add placeholders, or you can host your projects to codepen, github, or other places that allow hosting

3

Can you shed more light on how to do that / any links I can refer to?

4

Also, what if I want to add images as place holders?

5

if you use codepen it generates screenshots automatically, for other hosting services you will need to create the screenshots and host them somewhere yourself

for codepen, the pens could do the case
for github it’s a bit more complex, you need a github repo, and deploy in github pages

if you use the keywords to search you should find everything you need

1 Like