Html: Modal Box Positioning

CSS: Positioning
Last update: 19 Jul 23:20
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

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
1000
exercises
2000+
hours of theory
3200
tests