Hello. Developing a page for mobile devices. In the .css file set the maximum and minimum page width:

max-width: 640px; min-width: 400px;

My maximum width is 4 inches.

On the page I need to display 2 photos.

How to calculate the size of these photos so that they stand side by side, without transferring to the next line (that is, not so that the second photo is under the first one), considering the user's screen resolution?

I would be grateful for any useful information.

  • one
    width: 49% is not an option? height does not indicate - user33274
  • @LenovoID This is somehow very simple. Perhaps this solution has some flaws? - iKey
  • one
    here is a similar question, you can adapt one of the examples to your case - BOPOH
  • one
    Do you want a difficult solution? the simpler the better - user33274

0