mediaquery with content :: after (attr( )) mechanism to check responsiveness with colour