JamesB Posted December 9, 2014 Share Posted December 9, 2014 Hi there The problem is with the projects page on my site: http://mvec.io/projects It works fine on 1920 x 1080 with browser maximized. When I horizontally resize the browser, .project_column2 goes underneath .project_column1 How can i keep the .project_column2 box to the right of .project_column1? Link to comment Share on other sites More sharing options...
dsonesuk Posted December 10, 2014 Share Posted December 10, 2014 You can't avoid that, cause of the min-width: 100px; as soon as column 2 content makes column1, and column2 greater than width of parent it will stack until it can't no more, then content would bleed out, you can prevent this by using min-width: on parent, but it then could become not practical for smaller screens. Link to comment Share on other sites More sharing options...
JamesB Posted December 11, 2014 Author Share Posted December 11, 2014 Thanks I'll test this as soon as possible. I just updated Apache and PHP and now having issues with my CodeIgniter projects. Link to comment Share on other sites More sharing options...
JamesB Posted December 11, 2014 Author Share Posted December 11, 2014 (edited) Fixed the other server issue, it was actually a PHP property extension_dir I hadn't set correctly. Anyway back to CSS. I've attempt to set "min-width: 200px;" on .project_container but .project_column2 still goes beneath .project_column1 I will target the issue of this not being ideal for smaller screens by wrapping the text and moving .project_column2 more to the left later on. Edited December 11, 2014 by JamesB Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now