Skip to content
OverviewSolutions
7
Comments
5
Opeyemi olaniyan
@Opeyemi-Js

All comments

  • océane•250
    @Ocece77Submitted about 1 year ago

    Just completed a challenging Bootstrap project for responsive design! 🚀 Learned to use rows and row-cols-x for a better layout. It was a bit tricky, but the learning experience was totally worth it! 💡

    Boostrap5 - row and row-cols-4 ✨

    1
    Opeyemi olaniyan•70
    @Opeyemi-JsPosted about 1 year ago

    Hello 👋 ocèane, I like your solution to this challenge, I'm currently on this same challenge I need your help. How do you use grid to achieve this four cars feature section?

    0
  • Opeyemi olaniyan•70
    @Opeyemi-JsPosted about 1 year ago

    The icon should be inside the button HTML tag. Something like this👇

    <button class="btn"> <img src="link to the icon path">Add to cart</button>

    Then try this CSS code

    .btn{
- display:flex;
- align-items: center;
- justify-content: center;
- gap: .5em;
- width: 100%;
- height: 3.5em;
- background-color: As mentioned in the style.md file;
- outline: none;
- border: none;
- border-radius:0.8em;
- font-size: 0.90rem;
- font-weight: 700;
- color: As mentioned in the style.md file
}

    I hope the above help.

    1
  • Opeyemi olaniyan•70
    @Opeyemi-JsPosted about 1 year ago

    Do you mean align?

    0
  • Opeyemi olaniyan•70
    @Opeyemi-JsPosted about 1 year ago

    Nice try mate 👍 keep improving.

    You need to improve on how you use CSS units and box sizing.

    • The background-color you use for your solution is not the exact one.
    • You need to resize your QR code image to be smaller to its container(the one you set it background-color white)
    • And also use the appropriate Font-family and Font-size as stated in the styleguide.md
    1
  • Opeyemi olaniyan•70
    @Opeyemi-JsPosted about 1 year ago

    Great solution 👍 keep it up.

    1