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

Result Summary Component - Css/html - beginer

@ignaciorumbodesk

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


hi! this is my second challenge. I think the css code can be much better.

well.. i have been many problems with the position of the blue box. his position over the white box.

and handling the list element and his elements inside, positioning them on the right place.

what do you think?

i apresiate your feedback!

Community feedback

Aravindhan 320

@aravindhan7

Posted

you finding difficulties in positioning blue and white box.

let me explain simple,

create a main div, inside main div, you just wrap the blue box div and white box div.

So now inside the main div , you will have blue box div and white box div.

no apply flex in main div, and flex direction to row, so now the blue and white box will be aligned in a row as per the requirement. breakdow the challenge and create a hand drawn layouts and convert into the divs and it will simple for you to proceed.

Marked as helpful

1

@iamdylanmj

Posted

I just check your code, I am also beginner like you, you did great, it is looks like you haven't specify list item width, just check it out ,

1

@ignaciorumbodesk

Posted

@aravindhan7 great! thanks for your feedback! i must apply these corrections and update the code before.

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