इसलिए मैं बिना padding-right: 0; के स्वाइप आइकन को दाईं ओर संरेखित करने का प्रयास कर रहा हूं :(

हर्स कुछ कोड और छवियां: यहां छवि विवरण दर्ज करें

यहाँ मेरा एचटीएमएल है:

<div class="col-sm-4">
    <span class="c-visualslider__swipeicon"></span>
</div>

और मेरा एससीएसएस:

.c-visualslider {
    padding: 528px 0 80px;
    position: relative;
    background: map-get($colors, black);

    &__swipeicon {
        height: 34px;
        margin-top: 8px;
        width: 32px;
        display: inline-block;
        background-repeat: no-repeat;
        background-image: (image);
0
LindenKoppejan 5 फरवरी 2020, 14:21

1 उत्तर

सबसे बढ़िया उत्तर

स्वाइप आइकन में तीन सीएसएस गुण जोड़ें

display: flex; 
justify-content: flex-end; 
margin: 8px 0 0 auto;

इसे आजमाएं

.c-visualslider {
    padding: 528px 0 80px;
    position: relative;
    background: map-get($colors, black);

    &__swipeicon {
        height: 34px;
        width: 32px;
        background-repeat: no-repeat;
        background-image: (image);

        display: flex;
        justify-content: flex-end;
        margin: 8px 0 0 auto;
3
Balram Kamble 5 फरवरी 2020, 15:48