Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
I’m in the last step of the portafolio web, and is telling me that at least one element needs to be class=“project-tile”, which I did, and still nothing happens, cannot go forward. Thanks in advance if anybody know what is happening.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
    <title>Skalex Stuch Page</title>
</head>
<body>
        <nav id="navbar" class="nav">
            <ul class="nav-list">
                <li>
                    <a href="#welcome-section">About</a>
                </li>
                <li>
                    <a href="#projects-section">Projects</a>
                </li>
                <li>
                    <a href="#contact-section">Contact</a>
                </li>
            </ul>
        </nav>

    <section id="welcome-section" class="welcome-section">
        <h1>Hello World, I'm Skalex!</h1>
        <p>a web developer in learning-mode!</p>
    </section>

    <section id="projects-section" class="projects-section">

        <h2 class="project-tile">These are some of my projects</h2>
        
        <div id="projects" class="projects-grid">
            
            <a class="lewagon" href="https://venecoinchina.github.io/lewagon-clone/" target="_blank" class="project project-tile"></a>

            <a class="google-clone" href="https://venecoinchina.github.io/google-clone/" target="_blank" class="project project-tile"></a>
            
            <a class="techdocupage" href="https://venecoinchina.github.io/techDocuPage/" target="_blank" class="project project-tile"></a>
            
            <a class="survey-form" href="https://venecoinchina.github.io/surveyForm/" target="_blank" class="project project-tile"></a>
            
            <a class="landing-project" href="https://venecoinchina.github.io/landingPage/" target="_blank" class="project project-tile"></a>
            
            <a class="freecodecamp" href="https://venecoinchina.github.io/magazine/" target="_blank" class="project project-tile"></a> 
        </div>

        <!-- Add this button when there are more project!

            <a class="btn-projects" href="#" target="_blank">Show More<span class="right-arrow"> ></span></a>
        -->

    </section>

    <section id="contact" class="contact-section">
        <div class="contact-section-header">
            <h2>Looking forward to work with you!</h2>
            <p>Where are you from?</p>
        </div>

        
        <div id="contact-section" class="contact-links">

            <a id="profile-link" href="https://github.com/Venecoinchina" target="_blank" class="btn contact-details"><span><img src="./icons/001-github.png" alt=""></span> Github</a>
            
            <a href="#" target="_blank" class="btn contact-details"><span><img src="./icons/002-discord.png" alt=""></span> Discord</a>
            
            <a href="mailto:skalexstuch@me.com" target="_blank" class="btn contact-details"><span><img src="./icons/003-email.png" alt=""></span> Email</a>
            
            <a href="#" target="_blank" class="btn contact-details"><span><img src="./icons/004-wechat.png" alt=""></span> Wechat</a>

            <a href="https://www.linkedin.com/in/skalex-stuch-5a99b720" target="_blank" class="btn contact-details"><span><img src="./icons/005-linkedin.png" alt=""></span> Linkedin</a>
    
        </div>
    </section>
    <footer>
        <h3>Special Thanks to</h3>
        <section class="right-footer">
        <p><a href="https://www.freecodecamp.org" target="_blank">www.freecodecamp.org</a></p>
        <p><a href="https://www.platzi.com" target="_blank">www.platzi.com</a></p>
        <p><a href="https://www.theodinproject.com" target="_blank">www.theodinproject.com</a></p>
        <p><a href="https://www.lewagon.com" target="_blank">www.learn.lewagon.com</a></p>
    </section>
    <section class="left-footer">
        <p>All the icons for social network was designed by:</p>
        <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div><div>Icons made by <a href="https://www.flaticon.com/authors/riajulislam" title="riajulislam">riajulislam</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div><div>Icons made by <a href="https://www.flaticon.com/authors/laisa-islam-ani" title="Laisa Islam Ani">Laisa Islam Ani</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
    </section>
    </footer>
</body>
</html>

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

You are using two class attributes for all of the .project-tile elements.

You should only use one class attribute in an element.

3

Thanks! I’m gonna check this.

4

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