Skip to content
OverviewSolutions
6
Comments
3
Rafig
@refikmemmedov

All comments

  • Rafig•70
    @refikmemmedovPosted 3 months ago

    Nice one

    That looks almost the same as the design!

    Good job and keep going

    0
  • Rafig•70
    @refikmemmedovPosted 3 months ago

    You were able to keep the code shorter by just using border-top. HTML

    <div class="card border-blue">
            <h2>Calculator</h2>
            <p>Uses data from past projects to provide better delivery estimates</p>
            <img src="images/icon-calculator.svg" alt="">
</div>

    CSS

    .card{
    box-shadow: 0px 15px 17px 0px rgba(0,0,0,0.59);
    padding: 2rem;
    border-top: 4px solid;
    border-radius: 0.5rem;
}
.border-blue{
    border-color: var(--clr-primary-blue);
}

    Like this

    0
  • Jerry Surya Irawan•240
    @JerryIrawan14Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    in this challenge i try to implement some css variable for cleaner css. maybe next time before actually coding i'll try scribble in a notebook first.

    What challenges did you encounter, and how did you overcome them?

    masih mempelajari seberapa efisien melakukan penamaan variabel di css

    What specific areas of your project would you like help with?

    thats enough for now.

    Responsive card using flexbox

    1
    Rafig•70
    @refikmemmedovPosted 3 months ago

    I just couldn't find 'flex center' in style.css. But it's still nice. Also, you need to pay attention to small details. Like the shadow on the button.

    0