Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

So i really don’t know how to make that when i hover the whole div .project-tile the 2 span become visble and orange like int this example website: https://personal-portfolio.freecodecamp.rocks/#projects , anyone can help my? , i already did something similiar but it only works when i hover the span elements and not the whole card body, thanks in advance.

My example code:

<section id="projects">
      <div class="row">
        <div class="project-tile">
          <img src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg" alt="project-image">
          <div class="footer-button">
            <span>< </span>
            <h3>Tribute Page</h3>
            <span> /></span>
          </div>
        </div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

Note - its not really intended that you exactly copy the example projects

1 Like
3

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