<commit_before>@import (reference) 'main.less';

@image-width: 300px;
.content-panel {
    .clearfix();
    position: relative;
    .content-page {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: @gutter-size;
        .clearfix();
        .image {
            height: 100%;
            float: left;
            width: @image-width;
        }
        .text {
            height: 100%;
            margin-left: @gutter-size;
            float: left;
            &.floated {
                width: ~"calc(100% - @{image-width} - (@{gutter-size} * 2))";
            }
        }
        @media screen and (max-width: @breakpoint-mobile) {
            .image {
                width: 100%;
                .center-content();
            }
            .text {
                margin: @gutter-size 0;
                width: 100%;
            }
        }
    }
}<commit_msg>Fixing up imageand text widths for mobile sizes<commit_after>@import (reference) 'main.less';

@image-width: 300px;
.content-panel {
    .clearfix();
    position: relative;
    .content-page {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: @gutter-size;
        .clearfix();
        .image {
            height: 100%;
            float: left;
            width: @image-width;
            img {
                max-width: 100%;
            }
        }
        .text {
            margin-left: @gutter-size;
            float: left;
            &.floated {
                width: ~"calc(100% - @{image-width} - (@{gutter-size} * 2))";
            }
        }
        @media screen and (max-width: @breakpoint-mobile) {
            .image {
                width: 100%;
                .center-content();
            }
            .text {
                margin: @gutter-size 0;
                &.floated {
                    width: 100%;
                }
            }
        }
    }
}
{'fraction_non_alphanumeric': 0.13151239251390998, 'fraction_numerical': 0.02680829539706626, 'mean_word_length': 1.0518672199170125, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5772512', 'n_tokens_mistral': 631, 'n_tokens_neox': 563, 'n_words': 123}