List Row IE + OPERA

KATEGORİ

<section class="discus-parallax bg-white">
    @{
        int card31TotalRow = 3;
        int card31CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card31CategoryOrderNumber))
        {
            IEnumerable<Category>
            card31Category = Partial.CategorySubOrderNumber(card31CategoryOrderNumber, lang);
            <div class="container">
                <div class="row p-5">
                    @foreach (Category comCategory in card31Category.Skip(0).Take(card31TotalRow))
                    {
                        <div class="col-md-12">
                            <div class="kutu3">
                                <div class="news-div3">
                                    <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                        <h2 style="text-align:left;">@comCategory.CategoryTitle.HtmlEncode()</h2>
                                    </a>
                                </div>
                            </div>
                        </div>
                    }
                </div>
            </div>
        }
    }
</section>

MAKALE

<section class="discus-parallax bg-white">
    @{
        int card30TotalRow = 3;
        int card30CategoryOrderNumber = 2;

        if (Partial.isCategoryOrderNumber(card30CategoryOrderNumber))
        {
            IEnumerable<Post>
            card30Posts = Partial.PostsOrderNumber(card30CategoryOrderNumber, 0, card30TotalRow, Partial.Order.OrderBy, true, lang);
            <div class="container">
                <div class="row p-5">
                    @foreach (Post comPost in card30Posts.Skip(0).Take(card30TotalRow))
                    {
                        <div class="col-md-12">
                            <div class="kutu3">
                                <div class="news-div3">
                                    <a href="@Partial.PostLink(comPost.PostID)">
                                        <h2 style="text-align:left;">@comPost.PostTitle.HtmlEncode()</h2>
                                    </a>
                                </div>
                            </div>
                        </div>
                    }
                </div>
            </div>
        }
    }
</section>

CSS

div.kutu3 {
    margin-bottom: 20px !important;
}

.news-div3 {
    overflow: hidden;
    position: relative;
}

    .news-div3 a {
        display: block;
    }

.news-images3 {
    width: 100%;
    margin-top: 15px;
    border: 0px solid #f6f6f6;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-position: 50% 50%;
    transition: background-size .2s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 2px;
}

.news-div3 h2 {
    border-radius: 0px 0px 3px 3px;
    bottom: 0;
    border-top: 5px solid #d9b4a2;
    width: 100%;
    left: 0;
    background: rgb(251, 241, 231);
    padding: 15px 9px;
    color: #616161;
    margin: 0;
    font: 17px Sans-Serif;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: center;
}

    .news-div3 h2:hover {
        border-radius: 0px 0px 3px 3px;
        bottom: 0;
        border-top: 5px solid #d9b4a2;
        width: 100%;
        left: 0;
        background: #d9b4a3;
        padding: 15px 9px;
        color: #fff;
        margin: 0;
        font: 17px Sans-Serif;
        line-height: 1.4;
        letter-spacing: 2px;
        text-align: center;
    }      

demo20.karayeltasarim.com - www.profdrmuratkuloglu.com