Website Broken on Activating Child Theme! [closed]

My website (at http://japanaddicts.org) breaks down in a rudimentary pro-HTML form when I try to activate the child theme.

My parent theme is Codilight. Just explain to me why is this happening. I am not looking for Codilight-specific premium support, but a reason that any knowledgeable person will know.

I have prepared my child theme with nothing but this:

/*  
    Theme Name:   Codilight Child
    Theme URI:    
    Description:  A modified and more specific version of Codilight.
    Author:       Prince
    Author URI:   http://japanaddicts.org/
    Template:     codilight
    Version:      1.0.0
    Tags:         pink, lesser social buttons
    Text Domain:  
*/
@import url("../codilight/style.css");

I’ve uploaded it to a new directory wp-content/themes/codilight-child. When I activate it and open my website, it opens in a broken format (not fully HTML neither fully Codilight style). I had to revert back to the original/parent Codilight.

I’ve read the guide at WordPress Codex and it doesn’t help. Here’s a screenshot of how my website looks under the child theme:

Enable WP_debug by editing your wp-config.php in your WordPress root files

Look for:

define('WP_DEBUG', false);

Change to:

define('WP_DEBUG', true);

Post any error messages in your top post, this will help us identify where the issue could be.