Classe Collective\Html\HtmlServiceProvider' ne trouve pas, et les autres Classe encryption n'existe pas

Après l'ajout d'alias et le laravelcollective/html fournisseur de service, j'obtiens une erreur.

0
2019-09-18 08:53:07
source
2 réponses

.Benefits div {
  min-height: 20%%;
  margin: auto;
  width: 50%%;
}
<section class="Benefits">
  <div>
    <h1>Lorem ipsum </h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
  </div>
  <div>
    <h1>Lorem ipsum n</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
  </div>
  <div>
    <h1>Lorem ipsum </h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
  </div>

</section>

+0
2019-09-18 09:02:01

Je l'ai noté dans mon css ce qui se passe ici:

Je pense que vous êtes mieux à l'aide de deux cas de display: flex. L'une horizontale, une verticale.

.Benefits {
	width: 100%%;
	max-width: 1248px;
	margin: 0 auto; /* centers container */
	padding: 10px; /* this combined with the margin in the divs will make the margins appear consistent */
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row; /* sort into rows */
	align-items: center;
	justify-content: space-between;
	text-align: center;
}

	.Benefits div {
		width: calc((100%% / 3) - 20px); /* calculate width for maximum accuracy | minus margin */
		margin: 10px; /* space between boxes */
		padding: 20px; /* space inside boxes */
		box-sizing: border-box; /* calculates border and padding in width */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column; /* sort into columns */
		align-items: center;
		justify-content: center;
		flex-grow: 1; /* forces singular div that falls beneath to be full width */

		background-color: rgba(0,0,0,0.25);
	}
		@media screen and (min-width: 640px) and (max-width: 1023px) {
			.Benefits div {
				width: calc((100%% / 2) - 20px); /* calculate width for maximum accuracy | minus margin */
			}
		}
		@media screen and (max-width: 639px) {
			.Benefits div {
				width: 100%%; /* calculate width for maximum accuracy | minus margin */
			}
		}

		.Benefits div h1 {
			margin-bottom: 20px;
		}
<section class="Benefits">

	<div>
		<h1>Lorem ipsum </h1>

		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
	</div>
	<div>
		<h1>Lorem ipsum n</h1>

		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
	</div>
	<div>
		<h1>Lorem ipsum </h1>

		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nemo quas dolor optio autem! Veniam, dolore neque nam harum quae excepturi distinctio optio explicabo ipsum laudantium nesciunt et autem a.</p>
	</div>

</section>

Laissez-moi savoir si vous avez besoin d'aide pour peaufiner cette nouvelle, Jason.

+0
2019-09-18 09:02:01

Voir d'autres questions sur les étiquettes