Html: Modal Box Positioning

CSS: Positioning
Last update: 13 May 19:45
0
Students

In this exercise, you need to extend the styles for the modal.

The basic aims are:

  • To center the modal vertically and horizontally at any display resolution
  • To make the width of the modal equal to the width of the content

The final layout

Финальный вид испытания

Tips

  • You may need a value max-content for some properties
  • You can see the final result in the __tests_/_image_snapshots__

For full access to the challenge you need a professional subscription.

A professional subscription will give you full access to all Hexlet courses, projects and lifetime access to the theory of lessons learned. You can cancel your subscription at any time.

Get access
130
courses
900
exercises
2000+
hours of theory
3200
tests