All comments

FredTagleLL• 110
@FredTagleLL
Submitted 24 days ago
Testimonials
1
Rafig• 70
@refikmemmedov
Posted 23 days ago
Nice one

That looks almost the same as the design!

Good job and keep going
0

Amira MOUELHI• 50

@FEZWA23

Submitted about 1 month ago

four cards feature section solution html&css

Rafig• 70

@refikmemmedov

Posted about 1 month 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

Jerry Surya Irawan• 240
@JerryIrawan14
Submitted about 1 month 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
@refikmemmedov
Posted about 1 month 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

Rafig

All comments

Testimonials

four cards feature section solution html&css

Responsive card using flexbox