Submitted over 1 year ago

HTML,CSS and Bootstrap

@KingMisach

A solution to the Order summary component challenge

Solution retrospective

I had fun working on this page, had a chance to implement using bits of bootstrap. I found difficulties positioning the bootstrap buttons so i just decided to wrap them in divs and give them classes. I am still learning and any feedback will be highly appreciated,

Code

Please log in to post a comment

Community feedback

Cheosphere•1,040
@Cheosphere
Posted over 1 year ago
@KingMisach Hello, it is a very good development, you can improve the background by adding the following lines of code in your body tag:
```
body {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: hsl(225, 100%, 94%);
}
```
Marked as helpful
P
Qendresa Braha•350
@HiQendresa
Posted over 1 year ago
Hi @KingMisach

Congratulation on finishing this challenge 👏🏻

You can see the Bootstrap documentation here: https://getbootstrap.com/docs/5.3/getting-started/introduction/ or you can watch this tutorial: https://www.youtube.com/watch?v=-qfEOE4vtxE

Another tip for you: I would suggest you to learn CSS Flexbox or CSS Grid. I found them very helpful to create responsive and flexible layouts.

Here you can learn for both of them:
1. https://css-tricks.com/snippets/css/complete-guide-grid/
2. https://css-tricks.com/posters-for-css-flexbox-and-css-grid/
3. https://www.youtube.com/watch?v=3elGSZSWTbM
Happy Coding 😊
Marked as helpful
Mikail Ghali Imam•200
@Imammika
Posted over 1 year ago
if you check the docs for bootstrap you can see all the types of buttons you can use, if they don't have what you want you can just customize your own CSS. Happy Coding.
Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord