Many private banks have been hit by the turbulent MFI segment. Read on to know what has caused this distress and how investors should play this space safely

Here are the intraday supports and resistances for widely traded stocks such as Reliance Industries, ITC, ONGC, Infosys, HDFC Bank, TCS, and SBI

Here are the intraday supports and resistances for widely traded stocks such as Reliance Industries, ITC, ONGC, Infosys, HDFC Bank, TCS, and SBI

Here are the intraday supports and resistances for widely traded stocks such as Reliance Industries, ITC, ONGC, Infosys, HDFC Bank, TCS, and SBI

Here are the intraday supports and resistances for widely traded stocks such as Reliance Industries, ITC, ONGC, Infosys, HDFC Bank, TCS, and SBI

We zoom in on the prospects of TVS Holdings, as also the prospects of three other stocks — Gujarat State Fertilizers & Chemicals (GSFC), Ideaforge Technology and Niyogin Fintech

India’s securities regulator is looking to open up a fresh vehicle for investments for people in the mass affluent segment that will be different from existing mutual fund alternatives

Here are the intraday supports and resistances for widely traded stocks such as Reliance Industries, ITC, ONGC, Infosys, HDFC Bank, TCS, and SBI

I’m currently investigating the new aspect-ratio declaration and plan to write an article about it. However, I got stuck on aspect ratios in a grid context. Chrome/Safari and Firefox do something different here, and I understand neither approach. So I hope I can get some help.

aspect-ratio is currently supported by Chrome 90, by Firefox 88 with the correct flag enabled, and by Safari Technology Preview. I tested mostly in the first two — for complicated reasons I cannot install STP right now, but a kind Twitter follower sent me a few screenshots. It behaves as Chrome.

First, a general remark. aspect-ratio is intentionally a fairly weak declaration. It gives way if other constraints on boxes make the requested aspect ratio impossible. Take this example:

.my-box {
	width: 100px;
	height: 50px;
	aspect-ratio: 16/9;
}

The box has a fixed width and height, and they overrule the aspect-ratio. The box will thus have a 2/1 aspect ratio, as dictated by its width and height, and not a 16/9 one.

Flexbox

With that in mind, let’s first look at aspect-ratio in a flexbox environment. I think I understand what’s going on here, and the browsers all do the same, so this is a good reference point for the grid problems we’ll encounter later.

Flex items take their width from the flexbox environment. In my example they have a flex-basis: 30%, but they could also have a width or even no width/flex-basis definition at all. In all cases the flexbox algorithm decides on the width of each item.

Once the width has been determined, it’s time for the height. Let’s assume it’s not set. In flexbox, height: auto means not “as high as you need to be for your content” but “as high as the highest box in your row.”

That is, naturally flexbox would give the boxes an equal width (because that’s what my flex declarations say) and an equal height (because that always happens in flexbox). Apparently, this counts as a set height for the aspect-ratio algorithm.

As a result the 16/9 value is ignored because the 4/3 results in a larger height, and this value is therefore the one that determines the height of the entire row.

As you see, the third box in this example does have the correct aspect ratio. That’s because it has an explicit height: min-content: set your height to whatever your content needs, and, more importantly, ignore the row height of the flex box. This, apparently, gives the aspect ratio algorithm the opening it needs to set the height to the one requested by the aspect-ratio: 16/9.

I’m not sure if my reasoning is right. I am very certain that this works in all browsers, though, so you can use height: min-content in production straight away. (max-content also works. There’s no real difference between the two in height declarations.)

The problem: grid

Now we get to the problem: grid. To follow along, please look at the example below in Firefox 88 with the aspect-ratio flag on, and in either Chrome or Safari Technology Preview.

I expected grid to more or less behave the same as flexbox: the widths are set by the grid, the heights by the row height, and getting the proper aspect ratio would require height: min-content. That last clause is correct: the min-content trick works as it does in flexbox. It’s the behaviour of th 16/9 box without min-content that surprises me.

Here, again, the third box has height: min-content and takes the correct aspect ratio, which means not obeying the row height, in all browsers.

Firefox first. All boxes get their correct aspect ratio and they all have the same width, as the repeat: (3,1fr) grid template dictates. That means their height differs. More importantly, the grid container box now becomes only as high as is necessary to contain the items as they would have been without their aspect ratio.

I am 99% certain that the grid container behaviour is a bug. I am less certain whether the aspect-ratio being obeyed is also a bug.

In Chrome, the second and third box behave as expected: the last box becomes less high than the row height because of height: min-content, and the second box dictates the row height with its 4/3 aspect ratio.

But what’s up with the first box? It appears that it takes the row height as a given, but then sets the width to the value dictated by the 16/9 aspect ratio, ignoring the fact that this box now overflows its proper grid placement. Is this a bug? Or does height count for more than width in a grid context? I don’t know.

In the second example all grid items have min-height: 100px. In all browsers they they calculate their width from their aspect ratio. Thus they break the grid-defined widths. This is understandable, given that the explicit height declaration is “stronger” than the implied widths from the grid definition. (Or rather: I devoutly hope I’m right here and not talking nonsense.)

Thus maybe Firefox on the one hand and Chrome/Safari on the other are not as far apart as one would think from the first grid example. Still, something is buggy in that example. I just can’t figure out what it is.

Stumped. Please help.

The study describes the compound’s remarkable ability to disrupt the entry of enveloped viruses into the host’s cell and prevent infection

 After a memorable 2022, the industry suffered a slump in the first half of this year with only Daredevil Musthafa providing a consolation

Along with noble intentions, director Praveen Sattaru and actor Varun Tej’s slick Telugu thriller drama ‘Gandeevadhari Arjuna’ needed a smarter script

To commemorate the 100th birth anniversary of actor Dev Anand, the NFDC-NFAI and Film Heritage Foundation will facilitate the screening of restored 4k versions of ‘C.I.D’, ‘Guide’, ‘Jewel Thief’ and ‘Johny Mera Naam’ in theatres across 30 cities in India

Sid and Shanky, the co-hosts of The Big Forkers, talk about their debut in a new adventure series, I Should Have Stayed Home

A video on Pariwar Foodexpress, the first train-themed restaurant at any railway station in Telangana 

After completing 11 years in the industry with 75 films, Vidyullekha Raman says now is the best time for actors as the spotlight is on author-backed roles

As Karkidakam month that falls in the Malayalam calendar during July-August draws to close, it’s a good time to try rejuvenation therapy 

With Manta Air launching a direct flight from Bengaluru to Dhaalu airport, and visa-free entry, it has become easier and cheaper to holiday in the Maldives. We find out how Indian travellers are responding

There is an increase of 30-40% in domestic travel, and 15% in international travel bookings

Private safaris, bush dinners, and forest spas... step into a place that time forgot. Here is how to experience India’s wildlife in style   

Delhi-based designer Suket Dhir makes a case for unplanned holidays. Befriending roosters and studying in village schools are pluses

The Call Me By Your Name author on how travel makes him feel and why he desires solitude

Explore a world of greens, caves and rivers at Anija village in the Rayagada district of Odisha

The travel resulted in a docu-series titled Folkroad, which was screened recently at the Red Lorry Festival in Mumbai.

Be it the magnificent landscapes that are rich in flora and fauna or the diverse and vibrant heritage and culture that the country boasts, India has something in store for every traveller. Here is a curated list of some of the incredible experiences one can have in India. Pick the ones you want to experience during your holidays. 

A peep into what it is like to live onboard the world’s largest privately-owned residential ship, home to about 150 families

Janhvi Kapoor talks us through her family beach house, now available to guests and the only Indian property on the Airbnb Icons list, the others being the house from Up, a night at the Ferrari Museum, and Prince’s Purple Rain abode among others Win a stay at Sridevi’s beach house, as Janhvi Kapoor takes you through her favourite nooks and things to do, as part of Airbnb Icons

In this new show, Reza Pakravan claims to show viewers never-before-seen caves and canyons in Arabia

PRINT: The writer takes a trip to the submerged Goan village that comes alive for its annual temple festival between April and June

Transport Minister Ramalinga Reddy says besides restarting bus routes, 10,000 trips will be added

Nearly 60 kilometres from the South China Sea, this city in Borneo offers a variety of traditional cuisines

As the Broacha family holidays in Bali, Kunal Vijayakar joins in as the slowest member of the entourage

The Nilgiri Mountain Railway, of UNESCO World Heritage fame, turned 125 recently

TheAstro-tourismscene in India is rapidly expanding beyond the borders of Ladakh and Uttarakhand. Join us as we look up at the night sky in Pench, Nagaland and the Andamans

Let’s take a look at how we can practice responsible tourism and avoid the exploitation of pristine ecosystems and its vulnerable dependents.

Anand qualified for the international tournament on his first try competing in a riding event

Temple visits and short wedding trips aren’t enough — people are now solo travelling with an ageing parent to reconnect and create memories. It is an elite trend that needs more takers, across the board

Three senior officials belonging to Puducherry Civil Services cadre have been arrested in temple land scams in the recent months