Responsive - problem with small devices

Responsive - problem with small devices
0

#1

Hello,
I’ve got a problem with two sections - Portfolio and contact form.
When I use smaller device these captions go out side. How to fix it? I don’t know what i should write in css.

Pen: https://codepen.io/Kunka/project/full/XkYryv/

Thank you guys!


#2

Kunka,

  1. u can use media query to specify device size range.
  2. FLEX is also to help adjusting elements adjust wrt to other elements.(https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

#3

another option

.title {
  padding-left: 140px; // remove
}

<div class="col-xs-12 col-sm-11 col-sm-offset-1">
  <div class="title">Portfolio</div>
</div>