I want to make a separate responsive.css file in my child theme but having trouble making the media queries override the styles in the child theme's default style.css.
I've tried putting
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/responsive.css" type="text/css" media="screen"/> after the
<?php wp_head(); ?> code, which works, but I've read that this is not good practice.
I do not really want to add the media queries to the end of style.css as it's already large and getting quite confusing!