Problem

<div id="header-wrapper" class="wrap-inpg py-4 py-md-5 image " style="background-image: url('frontend/images/Qatar-air.png'); background-position: bottom;background-no-repeat: no-repeat; background-size: cover;">

Solution :

<div id="header-wrapper" class="wrap-inpg py-4 py-md-5 image " style="background-image: url('/airfaremoss.com/frontend/images/Qatar-air.png'); background-position: bottom;background-no-repeat: no-repeat; background-size: cover;">

• Xampp or windows environment requires the absolute path to the image but linux one works fine with relative paths.

Hotfixes ☑️ 🔥

1. Use

• banner.html to align image while dev.

OR

2. Use full path to

• align and uncomment it when pushing.

All new pages have the title set by

document.title = "Book Cheap Flight Ticket on British Airways | Get Cheap Flight Deal British Airways - Airfaremoss";

should be From Location and to location or something more descriptive as per context

Issue: column-count property not working on iPhones

Description

The column-count property is not producing the expected two-column layout on iPhones. Instead, the sitemap list flows into a single column, causing the content to overflow outside of the airline box.

Steps to Reproduce

1. Access the website containing the sitemap list on an iPhone (specific model and iOS version).
2. Observe that the sitemap list is displayed as a single column, even though the CSS includes column-count: 2 for the relevant element.

Expected Behavior

The sitemap list should be displayed in two columns, as intended by the column-count property, on all platforms, including iPhones.

Actual Behavior

The sitemap list flows into a single column on iPhones, causing the content to overflow outside of the airline box.

Additional Information

• The issue is not reproducible on other platforms or devices.
• The problem persists across different versions of iOS on iPhones.
• Tested on various web browsers on iPhones, including Safari and Chrome, with the same result.

Screenshots

If applicable, please attach screenshots demonstrating the issue.

Possible Solution

One possible solution to ensure consistent rendering across all platforms is to use an alternative approach, such as flexbox, to create the desired two-column layout. Flexbox has proven to be more reliable and compatible across different devices and browsers.

Environment

• Device: [e.g., iPhone X]
• iOS Version: [e.g., iOS 14.5]
• Web Browser: [e.g., Safari, Chrome]

Related Code Snippet

.site-map .ftr-sl ul {
  column-count: 2;
}

/* Additional CSS code */
Additional Notes
Won't be fixed as it not very necessary

it's a test issue

1. Tampa
   
   

• Tampa to * flights arent even listed in List of Pages.xlsx
• Crosses out 5 of them

2. Toronto

• Toronto is not even listed as a origin city so in List of Pages.xlsx
• Crosses out 2 of them

3. Seattle

• Although Seattle is a origin city but the above cities (denver and los angles are not listed as the destination route for Seattle ) . Should be removed
• Crosses of 2 of them

4. San Diego

• Should exists as per the sheet, but not made yet.
• Crosses out 2 of them

5. Rayleigh

• Should be las vegas to raleigh

6. Phoenix

• its just the "T" in toronto was capitalized which leads to this error
  (cheap-flight-phoenix-to-Toronto.php exists)

7. San Franscisco

• Same error with San Fran. (cheap-flight-san-francisco-to-Miami exists)

8. Los Angeles to Tampa file should be removed ( not listed in excel sheet)
9. All new pages have the title set by