How to make a map like on the screen?

Question

HTML

I have a PSD layout, there is such a map, how can I do this? I mean the background is blue, edit styles.

Answer 1

Try this service

Answer 2

.tour-card__footer__time,
.tour-card__footer__next {
      height: 46px;
}

Answer 3

And what kind of browser? And what is the scale in the browser?
In general, this is a common situation when scaling in the browser, when laying out on some default grid

Answer 4

If I understand correctly what you are asking, then this:

.tour-card__footer__time {
    /* line-height: 46px; */ убрать
    font-family: 'Muller Light';
    font-size: 15px;
    padding: 15px 15px 16px 15px; // добавить
    color: #3c3c3c;
    background-color: #ffde00;
}
.tour-card__footer__next {
    /* line-height: 46px; */ убрать
    font-weight: 400;
    padding: 15px 15px 17px 15px; // добавить
    background-color: #008aff;
}

in general, line-height alignment is not very