Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

1 - Stats preview / Mobile first / SASS / ITCSS

Nilil 20

@Nilil

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  1. I have problems with the image (mobile), it's too big.

  2. I couldn't change the border radius (desktop) in the correct corners.

  3. I wasn't able to use "calc()" to change "inline-height". Tried to use "variable + 0.2", and nothing happend. I was using .SCSS to do it.

  4. It's the first time i use ITCSS (Was a mess on my mind organizing it, i don't know if i put them in the right folders )

Thank you for all your feedback whit this points and other mistakes you can see and share me ❤

Community feedback

@Mirles87

Posted

In the number 2, you have to try something like this: border-radius: 0px 5px 5px 0px; (Or go testing in this way until it comes out in the correct parts) (I'm sorry for my poor English)

1

Nilil 20

@Nilil

Posted

Thank you for the tip, i did it but was the same result. The problem is related to ::after and ::before, but i don't remeber what i did hahaha.

No worries about the language, i'm a native spanish speaker.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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