I have created a page in HTML. Here i have put 6 images in table. It is fine in Desktop version but when it is opened in Mobile, it is not showing correctly. Please check my page http://quizistan.in/download-app I want to show in mobile without horizontal scrollbar each image in one row. Suggest me code that can help me to make it better.
I can redo the page for you in bootstrap for free if yo want. Wold be a nice challenge for me. What do you say?
Here is the index.html file with bootstrap added in plus a custom.css file with some of my styles added in. Have fun https://www.dropbox.com/s/9e6jxega65j7n23/new-site.zip
These images are your current problem There is absolutely no need for the words to be part of the image - put them in their own div and style them so they look exactly the same on desktop but sit below the image on mobile.
Without parsing the scripts, I have seen the table elements and am sure they're written by the js. Using js to write content is idiocy. g
@kennedygitahi - I have implemented the code sent by you. But yet now it is not showing properly in Desktop and Mobile View. Please help me so that i can look fine in both - Desktop as well as in Mobile. Now, it is in DIV tag. http://quizistan.in/download-app
Oh yeah, take someone who already has problems and screw them over even further. That's a GREAT plan. Again, only thing you can learn from bootcrap is how NOT to code a website.