Responsive HTML & CSS using Grid Flex Media query

Community feedback

• Account deleted

  Hi !

  Good work just do

  border-radius: 50vh;

  0

  ---

  

  adrnmatos•150

  @adrnmatosPosted about 1 year ago

  @DoctorLoo Hi Abdullah. Thank you for your reply.

  Do you mean to apply border-radius on score circle - from 50% to 50vh?

  My issue is related to result-summary joint, in desktop mode. The design seems smooth, integrated with background, that my solution is not. Perhaps make result pane overlap summary pane would do the job, but it would need to change display property on both of them - they are flex, to align inner elements.

  Sorry my poor english.

  1

  Account deleted

  @adrnmatos

  No problem body I'm not a native speaker neither :).

  Yeah looks like the result-summary is not fully blended with the background.

  The solution is quite easy actullay

  1- remove the box-shadow from result-summary

  2- add these attributes to the container

  border-radius: 30px;
  box-shadow:  5px 15px 20px -8px  hsl(241, 100%, 89%);
  

  Happy Coding !

  0

  

  adrnmatos•150

  @adrnmatosPosted about 1 year ago

  Thank you, @DoctorLoo. It is much closer to the design now.

  0