Accelerate- Christina S. #2
Conversation
| <nav> | ||
| <a href="../index.html"> Home</a> | ||
| <a href="../about.html">About</a> | ||
| <a href="../portfolio.html"> Portfolio</a> | ||
| <a href="../recipes.html"> Recipes</a> | ||
| <a href="../blog.html"> Words</a> |
| <a href="#" class="fa fa-facebook"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-google"></a> | ||
| <a href="#" class="fa fa-linkedin"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-pinterest"></a> |
| <a href="#" class="fa fa-facebook"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-google"></a> | ||
| <a href="#" class="fa fa-linkedin"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-pinterest"></a> | ||
| </p> |
There was a problem hiding this comment.
Look into the jquery resource I shared with you above. You can also make your footer reusable.
| <h4>Nail Art</h4> | ||
| <img src="images/nail-art-1.png" alt="black nail polish with floral detail"> | ||
| <img src="images/nail-art-2.png" alt="light neutral nail polish with gold flecks"> | ||
| <img src="images/nail-art-3.png" alt="black and white nail polish"> | ||
| <img src="images/nail-art-4.png" alt="white nail polish with multicolor detailing"> | ||
| <img src="images/nail-art-5.png" alt="white nail polsih with blue flower petals"> |
There was a problem hiding this comment.
great use of alt! Best practice for img elements.
| <ul> | ||
| <li> 1/2 cup Almond butter, creamy</li> | ||
| <li> 1/3 tbsp Maple syrup, pure</li> | ||
| <li>1/4 cup Cocoa powder</li> | ||
| <li>2/3 cup Coconut flour</li> | ||
| <li>1/4 tsp Kosher salt</li> | ||
| <li>1/4 tsp Sea salt, flaky</li> | ||
| <li>1 tsp Vanilla extract</li> | ||
| <li>1 cup Coconut oil</li> | ||
| </ul> |
| </article><br> | ||
| <br> | ||
|
|
||
| <article class="article-2"> |
There was a problem hiding this comment.
article tag is great for big chunks of text. It could include h1 - h6 tags as its children. Great implementation.
| background: #ddd; | ||
| margin-top: 20px; | ||
| } | ||
| .fa { |
There was a problem hiding this comment.
since all of the colors are the same you can add color: white; here
| /* font-family: 'Aref Ruqaa', serif; | ||
| font-family: 'Italiana', serif; | ||
| font-family: 'Josefin Slab', serif; | ||
| font-family: 'New Tegomin', serif; | ||
| font-family: 'ZCOOL XiaoWei', serif; |
| /* portfolio page */ | ||
|
|
||
| #img-box-1 { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content:center; | ||
| margin: 20px; | ||
| } | ||
|
|
||
| #img-box-2 { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| flex-direction: row; | ||
| justify-content: space-around; | ||
| margin-left: 25px; | ||
| } |
There was a problem hiding this comment.
I like the layout of your about page and I suggest modeling your portfolio page in a similar way. I would also use different images/just the images once instead of repeating them.
| nav { | ||
| position: sticky; | ||
| top: 0; | ||
| z-index: +1; |
There was a problem hiding this comment.
z-index is just an integer no need for +
|
Overall Great Job! I liked learning more about you and the layout of your about page in particular. I just made a few comments on how to make your header/footer reusable and cleaning some parts of the code :) |
No description provided.