www.ndtv.com – Small allocated space for தமிழ் சினிமா section title

[softvision-oana-arbuzov]

URL: http://m.ndtv.com/ Browser / Version: Firefox Mobile Nightly 56.0a1 (2017-06-13) Operating System: LG G5 (Android 7.0) - Resolution 1440 x 2560 pixels (~554 ppi pixel density) Problem type: Layout is messed up

Steps to Reproduce

1. Navigate to: http://m.ndtv.com/
2. Scroll down to தமிழ் சினிமா section.
3. Observe title.

Expected Behavior: Title has fair allocated space.

Actual Behavior: Title has small allocated space.

Note:

1. All sections title don't appear to be fully centered. 2 .Reproducible on Firefox 53.0.2 Release.
2. Not reproducible on Chrome (Mobile) 58.0.3029.83.
3. Screenshot attached.

Watchers: @softvision-sergiulogigan @softvision-oana-arbuzov

sv; country: in

From webcompat.com with ❤️

[karlcow]

This seems to be related to the alignment of the text in the box.

<div class="hSection">
            <h2 class="heading fl">
                <a href="http://movies.ndtv.com/tamil?pfrom=home-campaign"><span>தமிழ் சினிமா</span></a>            </h2>
            <div class="toglSection fr"><i class="sprite cminus"></i></div>
            <div class="clear"></div>
        </div>

[karlcow]

The combination of float, padding, and vertical align might change it. Good design case for flexbox.

[karlcow]

Probably also different fonts used.

[karlcow]

contact page http://www.ndtv.com/convergence/ndtv/new/feedback.aspx

[adamopenweb]

Contacted using the form suggested by karlcow.

[cipriansv]

After retesting the issue I observed that the layout has changed.

Tested with: Browser / Version: Firefox Nightly 68.1a1 (2019-08-13), Firefox Preview 1.2.0 (Build #12181645) Operating System: Huawei P10 (Android 8.0) - 1080 x 1920 pixels (~432 ppi pixel density)

Closing the issue as invalid.