I am developing a responsive web app that has a commenting system. And I want to provide similar experience both to mobile and desktop users. So I was thinking of developing a commenting system where next level of comments are reached by clicking on a comment at current level. Something like the following:    [content]
    
    [comment #0]
    [comment #1]
    :
    :
    [comment #N]

When a user clicks on one of the comments, say "comment #1" then the next level of comments(i.e child comments of comment #1) are displayed as follows:    [content]
    [comment #1]
    
    [comment #10]
    [comment #11]
    :
    :
    [comment #1N]

Do you see any problem with this approach? Is there a better way to display nested comments in a responsive web app that works both on desktop and mobile?