How to move the column content in css?

I am working on a website in which I want to move the text towards the&nbsp;<strong>left-side</strong>&nbsp;bottom in css. Below is the screenshot what I want to do.

I am working on a website in which I want to move the text towards the left-side bottom in css. Below is the screenshot what I want to do.

As shown in the screenshot above, I want to move the Outburst text towards the left-side bottom (Aligned below character O). The above screenshot is present in this link.

I have created the fiddle as well for the above link.

The HTML code used in the fiddle is generated through the following php code:

<ul id="shows-list" class="shows-list cf js-list-active">
    <?php foreach ( $alpha_programs as $title => $permalink ) :
        $title_char = substr( $title, 0, 1 ); ?>
        <li class="shows-list__letter">
        <?php
        if ( $title_char !== $prev_title_char ) : $prev_title_char = $title_char; ?>
            <h1 class="shows-list__letter-title"><?php echo esc_html( $title_char ) ?></h1>
        <?php endif;?>
            <a class="shows-list__link" href="<?php echo esc_url( $permalink ); ?>"><h2 class="shows-list__title"><?php echo esc_html( $title ); ?></h2>
            </a>
        </li>
    <?php
    endforeach;
    ?>
</ul>

Problem Statement:

I am wondering what changes I need to make in the php code above or in the css code here in the fiddle so that outburst text moves towards the left-side bottom

Build a Register & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

Build a Register & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

In this tutorial you will learn and build a Responsive PHP Registration & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

Welcome to this video on Responsive PHP User Login and Registration Form with PHP and MySQL From Scratch. In this course you will Learn and build a Responsive PHP Registration & Login Form using PHP, HTML, CSS, Bootstrap and MySQL. After watching this course you will be able to Create your own registration form connected to the MySQL database. In this course will explain step by step from scratch how to build a login system that you can customize it. The course covers all the aspects of HTML, CSS, JavaScript, PHP, MySQL along with Bootstrap Framework to create a real-time registration form. Making a Super Simple Registration System With PHP and MySQL will be easy ans step by step process.

All Code of this video can be found here: https://github.com/pknowledge/useraccounts
https://github.com/pknowledge/userlogin

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.

After watching this course you will have a solid understanding of how WordPress works and how to create your own custom theme in WordPress.

🔗 Design Source Code: https://github.com/Godsont/Responsive-Website-Design

🔗 Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/

⭐️ Contents ⭐️

⌨️ (0:00:00) Intro and Demo

⌨️ (0:00:55) Research & Planning

⌨️ (0:10:52) UI Design - The Front Page

⌨️ (0:27:47) UI Design - CSS

⌨️ (0:59:07) UI Design - JavaScript

⌨️ (1:05:11) UI Design - More Pages

⌨️ (1:20:43) PHP Basics

⌨️ (1:58:31) Installing WordPress locally

⌨️ (2:03:05) WordPress - style.css file

⌨️ (2:11:47) WordPress - linking CSS and JS

⌨️ (2:23:17) WordPress - Custom Post Type

⌨️ (2:33:31) WordPress - Template Hierarchy

⌨️ (2:43:29) WordPress - while loop

⌨️ (2:54:52) WordPress - the Front Page

⌨️ (3:11:44) WordPress - Blogs Index Page

⌨️ (3:26:42) WordPress - Single Post Page & Comments

⌨️ (3:52:59) WordPress - Sidebar & Search

⌨️ (4:14:35) WordPress - Contact Form

⌨️ (4:20:17) WordPress - Custom 404 Page

⌨️ (4:24:19) Finishing Up


Thanks for watching

If you liked this post, share it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading

The Web Developer Bootcamp

Angular 8 (formerly Angular 2) - The Complete Guide

The Complete JavaScript Course 2019: Build Real Projects!

Modern React with Redux [2019 Update]

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Build Responsive Real World Websites with HTML5 and CSS3

Build a Progressive Web App In VueJs

Build Progressive Web Apps with React

The State of Progressive Web Apps - The State of the Web

A full-stack solution for fast PWA development

Wordpress child theme css does not override parent css

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

Here's what my child style.css looks like:

/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

This is my child functions.php file:

<?php
/*
 * ===== Theme Translation =====
 * Load the translations from the child theme if present
 */
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
    load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}

/**

  • ===== Loading Resources =====
  • Add all the extra static resources of the child theme - right now only the style.css file
    */

function mies_child_enqueue_styles() {
// Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
wp_enqueue_style( 'mies-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
);
}

add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );