Nnamdi84 / Order-Summary

order summary

Order summary card solution

This is a solution to the Order summary card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

This is my third project.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

  <div class="annual">
    <img src="./images/icon-music.svg" alt="music icon">
    <p class="pbold">Annual Plan <br>
    &dollar;59.99/year</p>
  </div>

.button {
    background-color:  hsl(245, 75%, 52%);
    color: white;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0px 5px 10px hsl(224, 23%, 55%);
    border: 0;
    margin-bottom: 20px; 
}

Author

• Twitter - @Nnamdi.phave

Acknowledgments

I will like to acknowledge my two big friends who helped me finish this project successfully:

Nnam Darlington Okeke Stanley