Change the position of the user map

[beatrizsmerino]

Hi, I want to give another aspect to the user detail page:

• I would like to put the map to the right of the user data, as I show in the screenshot.
• For the structure I want 'user-detail' and 'user map' to be inside the 'inner' div as shown in the screenshot.
• The map and the user's details must have the same height.
• And for smaller screens place user-details and user-map one below the other.
• Reduce the elements of 'user-detail' with vh units for show data at all times for screens bigger than lg.

Requirements:

• Please do not rename or move the files.
• Please just keep the same indentation and nomenclature that is in the whole project (lint, prettir, BEM...)
• Use vh sizes and reduce the size of the text inside 'user-detail__content' and the image 'user-detail__image'.
• For the responsive design use the mixin media -> @include media("lg").
  

If you have any questions, do not doubt to ask

[beatrizsmerino]

Thanks! @kamerat

Can you do this too to end this issue?

• Reduce the elements of 'user-detail' with vh units for show data at all times for screens bigger than lg.

• Create a div with the class user__wrapper with the user-detai and user-map inside. And add the same styles of margin-bottom that this page of the screenshot.

[kamerat]

Sure, @beatrizsmerino. I did not do this due to not understanding what it means.
What do you want to reduce, the size of the font? - with what amount?
What is "show data"?

[beatrizsmerino]

Sure, @beatrizsmerino. I did not do this due to not understanding what it means. What do you want to reduce, the size of the font? - with what amount? What is "show data"?

Yes, exactly. Reduce all sizes as font-size, padding ... of the all the necessary elements as user-detail__content, user-detail__image ... to try that the content of this page is seen completely in height.

Something like that: