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>
|
<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>
|
||||||
|
|
Reference in New Issue