borizzz2018
-
Posts
4 -
Joined
-
Last visited
borizzz2018's Achievements
Explorer (1/14)
0
Reputation
-
borizzz2018 changed their profile photo -
Для продолжения темы, пробую верстать адаптивно, с помощью Bootstrap 4, вопрос в следующем, сайт разделен на секции, на первой секции стоит бэкграунд картинка, на второй, просто белый фон, на третьей тоже должна стоять картинка. но картинка стоит не по ширине секции, по бокам белые полосы (см.скриншот), как это исправить?
-
Спасибо за ответ, попробовал Ваш код, все идеально, единственный момент, почему то моё меню съехало (см. скриншот) Вот код моего меню (использую Bootstrap) <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css"> <title>Hello, world!</title> </head> <body> <nav> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a href="#" class="navbar-brand"> <img src="img/21-mountain-logo-mackup.jpg" width=30 height=30 alt="logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-control="navbarSupportedControl" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a href="#" class="link">Home</a> <li class="nav-item "> <a href="#" class="link">Price</a> <li class="nav-item "> <a href="#" class="link">About us</a> <li class="nav-item "> <a href="#" class="link">Contact us</a> </li> </ul> </div> </nav> </nav>
-
Спасибо за ответ! Я сделал по рукожопски, но работает) можно так делать или лучше не стоит? .main_about{ height:100vh; } .about_text1{ height:180px; display:flex; flex-direction:column; flex-wrap:nowrap; } .about_text1 h3{ float:right; font-size:18px; text-align:right; } .about_text1 p{ float:right; font-size:16px; text-align:right; } .about_img1{ height:180px; display:flex; margin-top:90px; margin-right:380px; margin-bottom:100px; } .about_text2{ display:flex; float:right; flex-direction:column; flex-wrap:nowrap; } .about_text2 h3{ float:left; font-size:18px; text-align:left; } .about_text2 p{ float:left; font-size:16px; text-align:left; } .about_img2{ height:auto; display:flex; margin-left:380px; margin-top:10px; }
-
Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)