How to write items that went beyond the grid?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
41 views
How to typeset arrows over a grid? In the layout using Bootstrap.
I don't know what the relative I position the punch relative to the block .clients, but it is not clear what margins to set, to make it as a layout.

Code block:
 <!-- start. clients -->
client

These guys are incredible! I get my project in 10 days and it was awesome!
Very good service! Highly recommended!

John Smith

arrow-leftarrow-right
<!-- end. clients -->

.clients { color: #fff; height: 501px; background: url('../img/bg/bg-clients.png') no-repeat center; font-family: 'Open Sans', sans-serif; position: relative; } .clients .wrap-clients { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .clients .wrap-img-clients { margin-bottom: 50px; border-radius: 50%; display: inline-block; } .clients .wrap-img clients .img-client { width: 120px; } .clients .paragraph { color: #fff; font-style: italic; font-size: 1.563 em; line-height: 40px; margin-bottom: 28px; } .clients .name { font-size: 18px; font-weight: 600; }

5aeb49a0a890e874551375.jpeg
by | 41 views

1 Answer

0 like 0 dislike
.wrap-clients { position: relative; } .wrap-clients::before { content: ""; position: absolute; left: -arrow.width - margin; // Other styles } .wrap-clients::after { content: ""; position: absolute; right: right-arrow.width - margin; // Other styles }
by

Related questions

0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
110,608 questions
257,187 answers
0 comments
40,796 users