How tomake datalist repeated column dynamically based on Screen size?

Question

Hi,

 

In Our  Current Project  Requirement .we Have a situation to List out the items in DataList. 

 

In MobileView - Need to show items (1 - Repeated Column Manner ).

 

In Desktop View - Need to show items ( 3 - Repeated Column Manner ). How can I achieve this? how can I make this repeated column value dynamically? based on the screen width. Suggest me with Sample Code. 

 

This is Mobile View 

 

 

 

Thanks in Advance,

 

Karthik K