что делать, если ваша плитка не отображается идеально на странице HTML и CSS?

#html #css #web

#HTML #CSS #сеть

Вопрос:

Я много раз перепробовал проверенный код, но он отображается не так, как должен отображаться.

 lt;div class="container" id="main-content"gt;  lt;div class="jumbotron"gt;  lt;img alt="picture of restaurant" class="img-responsive visible-xs" src="C:UsersLENOVODesktopHIMANSHUhtml css projectimagesjumbotron_768.jpg"Truegt;  lt;/divgt;  lt;div class="row" id="home-tiles"gt;  lt;div class="col-md-4 col-sm-6 col-xs-12"gt;  lt;a href="menu-categories.html"gt;  lt;div id="menu-tile"gt;  lt;spangt;  menu  lt;/spangt;  lt;/divgt;  lt;/agt;  lt;/divgt;  lt;div class="col-md-4 col-sm-6 col-xs-12"gt;  lt;a href="single-category.html"gt;  lt;div id="specials-tile"gt;  lt;spangt;  specials  lt;/spangt;  lt;/divgt;  lt;/agt;  lt;/divgt;  lt;div class="col-md-4 col-sm-12 col-xs-12"gt;  lt;a href="https://www.google.com/maps/place/David Chu's China Bistro/@39.3635874,-76.7138622,17z/data=!4m6!1m3!3m2!1s0x89c81a14e7817803:0xab20a0e99daa17ea!2sDavid Chu's China Bistro!3m1!1s0x89c81a14e7817803:0xab20a0e99daa17ea" target="_blank"gt;  lt;div id="map-tile"gt;  lt;iframe allowfullscreen="" frameborder="0" height="250" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3084.675372390488!2d-76.71386218529199!3d39.3635874269356!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c81a14e7817803:0xab20a0e99daa17ea!2sDavid Chu's China Bistro!5e0!3m2!1sen!2sus!4v1452824864156" style="border:0" width="100%"gt;  lt;/iframegt;  lt;spangt;  map  lt;/spangt;  lt;/divgt;  lt;/agt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  

Комментарии:

1. Пожалуйста, покажите свой CSS тоже. На основе разметки, которую я бы себе представил menu-tile , и map-tile они не стилизованы так specials-tile .

2. Мы не можем вам в этом помочь, так как вы не поделились своим фрагментом кода или обоими HTML и CSS .

3. Пожалуйста, предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.