How to add items to the mob. version display normal?

Good time of day. Is there a website html5 css3. Downloaded free template. Added to their elements (buttons, forms). Everything seems to be fine but in the PC version everything appears fine but in mobile it is those elements that I added are not displayed correctly. Please tell me how to center (to indent, etc) items so they looked fine on all resolutions and mobile version.

many thanks in advance.
June 26th 19 at 13:57
2 answers
June 26th 19 at 13:59
June 26th 19 at 14:01
So you can set a specific file permissions
<link rel="stylesheet" media="(max-width: 800px)" href="example.css">

"max-width" so that the condition becomes effective on screens less than 800 pixels, inclusive.
you can specify media="(min-width: 800px)" it will mean that 800 more inclusive

.facet_sidebar {
 display: inline-block;
@media (max-width: 600px) {
 .facet_sidebar {
 display: none;

This is the unit .facet_sidebarwill be displayed on all devices linearly block, but on devices less than 600px then this block will be hidden.

To align center, use conditions
For block elements
margin-left: auto;
margin-right: auto;

For row items
Given the fact that this parameter specifies the block in which there is a line item
For vertical alignment of the row items use the parameter line-height: 40px;
Given the fact that the font size is 20 pixels

Find more questions by tags CSSHTML