{"id":18971456,"date":"2026-07-22T01:13:43","date_gmt":"2026-07-22T01:13:43","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/responsive-layout-various-devices\/"},"modified":"2026-07-22T01:13:43","modified_gmt":"2026-07-22T01:13:43","slug":"responsive-layout-various-devices","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/responsive-layout-various-devices\/","title":{"rendered":"Responsive Layout Various Devices"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi Team, Modified the <strong>sdm_fancy2.php<\/strong> file to change default columns from 3 to 4. Upload the modified PHP file to <strong>fancy2<\/strong> folder in template-related parent folder. Resize the browser window the column layout goes from 4 column to 3 but the last download item (4th) wraps to next row. In your PHP code there is a CSS <strong>clear:both<\/strong>. Decrease the width of browser further the column count goes from 3 to 2 and each row is displayed correctly with no wrapping to next row. Is there anyway to fix this issue. It seems okay on even column count but not odd column count. Thank you.<\/p>\n","protected":false},"template":"","class_list":["post-18971456","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18971456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18971456\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18971456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}