Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

I´m stuck, please help me!

  • Failed:Your portfolio should use at least one media query.

  • Failed:Your #navbar element should always be at the top of the viewport.

**

Personal Portfolio

Hello World

here I am, coding!

Projects coming along...

See more...

Let´s code together

even if I am just starting...

Facebook GitHub Twitter Send a mail Call me

This is just a trial

Do not call this number

*{
margin: 0;
padding: 0;
}
:root {
–color-white: #f0f0f0;
–color-red: #be3144;
–color-blue: #45567d;
–color-gray: #303841;
@media (prefers-reduced-motion: no-preference) {

  • {
    scroll-behavior: smooth;
    }
    }
    nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    right: 10;
    width: 100%;
    height: 50px;
    position: fixed;
    background: var(–color-red);
    box-shadow: 0 2px 0 rgb(0 0 0 / 40%);
    z-index: 5;
    }
    nav > ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    padding-inline-start: 0;
    margin-block: 0;
    height: 100%;
    }
    nav > ul > li {
    color: var(–color-white);
    margin: 0 0.2rem;
    padding: 0.2rem;
    display: block;
    }

.welcome-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
background-color: var(–color-blue);
background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
}
#projects {
text-align: center;
padding: 10rem 2rem;
background: var(–color-blue);
}
.btn-see-more {
display: inline-block;
padding: 1rem 2rem;
border-radius: 2px;
}

.contact-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 80vh;
padding: 0 2rem;
background: var(–color-gray);
}

.contact-links {
display: flex;
justify-content: center;
width: 100%;
max-width: 980px;
margin-top: 4rem;
flex-wrap: wrap;
}
footer {
font-weight: 300;
display: flex;
justify-content: space-evenly;
padding: 2rem;
background: var(–color-gray);
border-top: 4px solid var(–color-red);
}**

2

“Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS.”

Did you remember to do this?

3

yes I did, is not that. thanks anyway

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.