Submitted
I am happy to complete this project because it has helped me to upgrade my CSS learning. This is my first ever project using the CSS Custom Properties. After Studying CSS variables, I took it on practically by using its application on this Order Card Summary Project and it was to me intelligence catching fun.
-In addition to this, I personally learnt 12 ways to be able to center a div in CSS which was very fun to me using parent div
and also child div
on HTML
.
These are snippets of codes that I personally put on this.
:root {
--body-background-color: rgb(224, 232, 255);
--container-content-color: rgb(255, 255, 255);
--inner-background-color: rgb(245, 247, 255);
--button-background-color: hsl(245, 75%, 52%);
--button-text-color: rgb(255, 255, 255);
--cancel-text-color: rgb(31, 47, 86);
}
section {
display: flex;
}
.container {
margin: auto;
}
Though I am happy about this project and thank God for this but I have so much to do in future to improve the way of how I write my clean code especially I want my focus to be squarely on writing Modern CSS and doing great project with a few lines of codes.