Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Frank Grillo
Front End Web Development Techdegree Graduate 16,715 PointsLinking images in Front End Tech Degree Project 2
I need help linking images properly.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="my_stylesheet.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&display=swap" rel="stylesheet"> </head> <style> @import url('https://fonts.googleapis.com/css2? family=IBM+Plex+Sans:wght@700&display=swap'); </style> <header id="BACK TO TOP"> <h1>Frank Grillo</h1> <nav class="mobile-nav"> <ul class="top-bar"> <li><a href="#Home" class="mobile-a">Home</a></li> <li><a href="#PORTFOLIO" class="mobile-a">PORTFOLIO</a></li> <li><a href="#CONTACT" class="mobile-a">CONTACT</a></li> </ul> </nav> <nav class="desktop-nav"> <ul> <li class="desktop"><a href="#Home">Home</a></li> <li class="desktop"><a href="#PORTFOLIO">PORTFOLIO</a></li> <li class="desktop"><a href="#CONTACT">CONTACT</a></li> </ul> </nav> <img src="images/responsive-layout-profile.png" class="pic-move" alt="image of Frank Grillo"> <p class="aboutMe">Hi, I am a Front End Techdegree Student at Team Treehouse. I hope to work as a Front End Web Developer upon obtaining certfication.</p> </header> <div> <div> <h2 id="PORTFOLIO" class="top-space">PORTFOLIO</h2> <img src="images/portfolio-1.png" alt="Marketing Page"> <h3>Marketing Page</h3> <p class="projects">This Project shows the front page of a marketing web page.</p> </div> <div> <img src="images/portfolio-2.png" alt="Search Page"> <h3>Search Page</h3> <p>This Project searches through a specific database to find information.</p> </div> <div> <img src="images/portfolio-3.png" alt="Travel App"> <h3>Travel App</h3> <p class="projects">This Project shows the front page of a Travel App.</p> </div> <div> <img src="images/portfolio-4.png" alt="Map of Favorite Spots"> <h3>Map of Favorite Spots</h3> <p class="projects">This Project shows the front page of a Map of Favorite Spots.</p> </div> <div> <img src="images/portfolio-5.png" alt="Photo Gallery"> <h3>Photo Gallery</h3> <p class="projects">This Project shows the front page of a Photo Gallery.</p> </div> <div> <img src="images/portfolio-6.png" alt="Calculator"> <h3>Calculator</h3> <p class="projects">This projects shows the front page of a Calculator App.</p> </div> <div class="contact"> <h2 id="CONTACT">CONTACT</h2> <p class="contact-spacing">If you have any questions or would just like to talk you can either call or email me.</p> <p class="word-space">Phone<a href="#blank" class="#contact-list">+(201)952-4649</a></p> <p class="word-space">Email<a href="#blank" class="#contact-list">fsg12491@aol.com</a></p> </div> <div class="line"></div> <footer> <p class="bottom-page left">Frank Grillo</p> <p class="bottom-page right"><a href="#BACK TO TOP" class="top">BACK TO TOP</a></p> <nav> <p class="bottom-design">Frank Grillo</p> <ul class="mobile-display"> <li><a href="#Home">Home</a></li> <li><a href="#PORTFOLIO">PORTFOLIO</a></li> <li><a href="#CONTACT">CONTACT</a></li> </ul> </nav> </footer>
</div>
</html>
Steven Parker
231,248 PointsIt looks like you reposted this question here.
You might want to delete this one, click the little rectangle with the 3 dots to reveal the option to "Delete Question".
Steven Parker
231,248 PointsSteven Parker
231,248 PointsTake a look at these videos about Posting a Question, using Markdown formatting to preserve the code's appearance, and particularly this one about sharing a snapshot of your workspace to make it easy to replicate the issue.