moved order summary to top of list, and marked it as featured. Need to look at templaating or something so I don't need to keep adding a whole bunch of divs and stuff

This commit is contained in:
Robert McGovern 2022-02-01 12:11:49 +00:00
parent eae74d6a78
commit 5dff623317
1 changed files with 25 additions and 24 deletions

View File

@ -44,7 +44,32 @@
<h3>Newbie Challenges</h3> <h3>Newbie Challenges</h3>
<div class="projects-grid"> <div class="projects-grid">
<div class="project-card stacked featured"> <div class="project-card stacked featured">
<a href="./FrontendMentor/newbie/order-summary-component/">
<img class="card__img" src="./screenshots/fem-newbie-order-summary-component.png"
alt="Order Summary Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Order Summary Card Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/"> <a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/">
<img class="card__img" <img class="card__img"
src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png" src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png"
@ -217,30 +242,6 @@
</div> </div>
</div> </div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/order-summary-component/">
<img class="card__img" src="./screenshots/fem-newbie-order-summary-component.png"
alt="Order Summary Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Order Summary Card Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>