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:
parent
eae74d6a78
commit
5dff623317
49
index.html
49
index.html
|
@ -44,7 +44,32 @@
|
|||
<h3>Newbie Challenges</h3>
|
||||
|
||||
<div class="projects-grid">
|
||||
|
||||
<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/">
|
||||
<img class="card__img"
|
||||
src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png"
|
||||
|
@ -217,30 +242,6 @@
|
|||
</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>
|
||||
|
|
Reference in New Issue