lbvf50mobile

.imgs-guide {
    border: 1px solid grey;
    margin: 0px;
    background-size: cover;
    background-color: transparent;
    width: 100%;
    display: flex;
    position: relative;
    justify-content: space-around;

lbvf50mobile

Style/EndOfLine:
  EnforcedStyle: lf

lbvf50mobile

class Example
  def initialize
    puts 'Hi'
  end
  def self.a
    puts 'This is method with name in one letter'
  end
end

class Example

lbvf50mobile

 * {
    border-radius: 0px !important;
 }

lbvf50mobile

main.main{
    overflow-y: auto; 
    flex: 1 1 auto;
    background-color: rgb(244,245,249);
    display: block;
    &::-webkit-scrollbar-track
    {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        background-color:rgba(244, 245, 249, 1);
    }

lbvf50mobile

$wing_width: 100px;
$wing_height: 360px;
$wing_top: 58px;
$wing_left: -89px;
$wing_right: -89px;
$wing_img_height: 205px;
$wing_br: 3px;
$wing_color: white;

// Iphone 6

lbvf50mobile

@mixin wings(
    $wing_width,
    $wing_height,
    $wing_top,
    $wing_left,
    $wing_right,
    $wing_img_height,
    $wing_br,
    $wing_color) {
        & a.left, 

lbvf50mobile

{% extends "login/layout.html" %} {% block content %}
<header class="pose">
    <a href='/login' class='btn-back'></a>
    <h2>Pose</h2>
    <span class="count">2/40</span>
</header>
<main class="pose">
    <div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">

lbvf50mobile

1) On Desktop Chrome works fine: https://youtu.be/e6jIKx7KM7s
2) On Iphone dose not works: https://youtu.be/0Nw_dHPhYZQ

lbvf50mobile

main.pose .center{
    background-color: white;
    width: 320px - 43px; // Iphone 5
    height: 662px;
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-top: 28px;
    border-radius: 3px;
    position: relative;