Build a Personal Portfolio Webpageee

Tell us what’s happening:
please need help on my porfolio webpage.

i have made the height of the welcome section to be equal to the viewport by making my welcome section to have an id set to height :100vh. and

also i want to make my embeded works to be in row by using flexbox, yet am still having them in columns.

kindly help me out. https://codepen.io/SWHYTE/pen/MLYKZB

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/7.0.185.1002 Safari/537.36.

Link to the challenge:

In your HTML, you have class “projects-wrap”, but in your CSS, you added style for “project-wrap”. How about starting from that?

If you add the “s” in the CSS, thus turning .project-wrap into .projects-wrap, your project-embeds will show in a row…

remove the padding from the #welcome-section and all tests pass.

#welcome-section{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
   
}