Submitted about 3 years ago

Just using BEM and scss^^

Raymart Pamplona• 16,140

@pikapikamart

Preview site View code

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Feel free to ask any question and i'll answer it^^

Community feedback

Akshay Meshram• 390

@akshay63

Posted about 3 years ago

Hi @Raymart. I want to tell you that you've set "height: 100%" to the grid container and set the "grid-template-rows: repeat(2, 282px);". I think we need not set the height of the container if we set row tracks because row track will determine the height and thus the container height becomes overall row tracks height.

Raymart Pamplona• 16,140

@pikapikamart

Posted about 3 years ago

@akshay63 Oh yes, you got a keen eye right there. Thank you for that, dunno why I did that hahaha thanks a lot^^

Akshay Meshram• 390

@akshay63

Posted about 3 years ago

@pikamart You're welcome!😎👍

igboBoy_dev• 100

@xtremeCode6022

Posted about 3 years ago

Hello Guy please I would love to know how you used the svg element in your code thanks. Videos on that would be appreciated.

Raymart Pamplona• 16,140

@pikapikamart

Posted about 3 years ago

@xtremeCode6022 Hey, I could just teach it here. Well, svg's are just image type right. Using them is exactly like an img tag. What you do is that, create an img tag and the src attribute will be the svg file path, just the same. Also when using them as a background images, you could do it as well like normal from background-image: url(svg file path) like that. It is just the same. Well you could do as well a inline-svg, where you copy the svg code then pasting in there. The advantage of inline svg is that you can change the colors of bits of things in that svg.

Raymart Pamplona• 16,140

@pikapikamart

Posted about 3 years ago

@xtremeCode6022 But like what I said, it is just the same as embedding a normal image type^

Please log in to post a comment

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