These are among the rules brought out today by India’s space activities regulator, the Indian National Space Promotion and Authorizsation Center (IN-SPACe). These rules are to govern private sector activities in ‘space’

Low intake of essential nutrients can disrupt metabolism and increase the risk of insulin resistance

Obesity has “exploded” around the world, and it’s not because people are lazy or weak-willed - Johann Hari, Author

NASA to provide advanced training to Indian astronauts for joint mission to International Space Station, US envoy Eric Garcetti says

This launch, which comes after several previous attempts, marks a major achievement as the first-ever controlled flight of a semi-cryogenic liquid engine realized through additive manufacturing

Emphasising the importance of expanding access to high-burden regions, the report calls for strategic initiatives to enable the production and distribution of life-saving antibiotics and antifungals

The platform supports different types of biomolecules, including monoclonal antibodies, biosimilars, bispecifics, antibody-drug conjugates, and other recombinant proteins

“In addition to patient care, MSK has been running successful  educational programmes” - Dr Mrinal Gounder, Sarcoma oncologist, and Early drug development specialist at MSK

The 14th edition of the Indo-Pacific Geo Intelligence Forum highlighted the critical role of geospatial technology in addressing security challenges in the region.

Researchers at IISER Tirupati developed an innovative method using nickel catalysts to advance the ‘Hydrogen economy’ by enabling COx-free hydrogen generation, contributing to sustainable energy solutions

SERA’s mission is to democratise space access and empower global participation in space exploration

The study, led by entomologist Erik Frank from the University of Würzburg, highlights the ants’ sophisticated medical behaviour, with amputations proving highly effective in ensuring survival 

Nanotech event to focus on sustainability, climate change, healthcare applications

The technology has received a patent from the government

EOS-8 turns 100th satellite that incorporated Ananth Tech components

Potential of zinc oxide nanoparticles to combat diabetic nephropathy uncovered

Modification minimal, change incremental, says RB Grover

First shipment of vaccines expected to arrive in Congo within days: WHO Director-General Tedros Adhanom Ghebreyesus

‘Visual data suggests wind speeds in key regions of India are gradually declining, which could have significant implications for the wind energy sector’

This story discusses the reasons why helium is used in spacecraft and rockets, how it is prone to leaks, and the potential alternatives being explored

A crater is formed when an asteroid crashes into the surface of a larger body like a planet or a Moon.

The nuclear physics hub needs to finance the construction of the Future Circular Collider as its existing particle accelerator — famed for discovering the Higgs Boson — edges toward the end of its useful life

Embarking on a 1.8 million-mile journey from Kennedy Space Centre, the spacecraft is set to reach Jupiter in 5 1/2 years, utilising gravity assists from Mars and Earth

The key levels for Bank Nifty futures are 51,200 and 52,700

On November 5, the stock price and all derivatives contracts on Coal India will be adjusted for dividend appropriately

One more leg of downmove is still a possibility before the broader uptrend resumes 

We zoom in on the prospects of Infibeam Avenues, as also the prospects of three other stocks — HFCL, Oil India, NGL Fine-Chem

Under Section 89(1) of the Income Tax Act, 1961, you may claim tax relief on arrear pension received from previous years

Bank Nifty futures might see a fall to 50,800

The stock idea that we have for you today is Angel One

Nifty futures can decline to 23,500 in the near term

The November futures can rise to ₹255

Nifty futures can rise to 24,750

Bank Nifty futures is trading between key levels at 52,000 and 52,800

When one looks at the valuation at which L&T is making this investment, the numbers get a bit head-scratching

Bank Nifty futures can fall to 51,300 if it slips below 52,000 

Nifty futures has a support at 24,250; a breach of this can lead to a fall to 24,000 

The Ayushman Bharat scheme offers ₹5 lakh health coverage for seniors 70+, free and with easy Aadhaar-based enrollment

Here’s a lowdown on notices/ intimations from the I-T department and what they mean for taxpayers

Rupee makes the much-awaited bearish breakout

Traders can avoid new positions

Derivatives traders can either go short on futures contract or buy a put option, depending on the risk appetite

Strong resistance coming up to halt the rally in the Dow Jones

Today we will look at fit-content and fit-content(), which are special values for width and grid definitions. It’s ... complicated — not as a concept, but in its practical application.

min- and max-content

Before looking at fit-content we have to briefly review two other special width values: min-content and max-content. You need those in order to understand fit-content.

Normally (i.e. with width: auto defined or implied) a box will take as much horizontal space as it can. You can change the horizontal space by giving width a specifc value, but you can also order the browser to determine it from the box’s contents. That’s what min-content and max-content do.

Try them below.

• min-content means: the minimal width the box needs to contain its contents. In practice this means that browsers see which bit of content is widest and set the width of the box to that value. The widest bit of content is the longest word in a text, or the widest image or video or other asset.
• max-content means: the width the box needs to contain all of its contents. In the case of text this means that all text is placed on one line and the box becomes as wide as necessary to contain that entire line. In general this is not a desirable effect. The largest bit of content may also be an image or video other asset; in that case browsers use this width to determine the box’s width.

If you use hyphens: auto or something similar, the browser will break the words at the correct hyphenation points before determining the minimal width. (I turned off hyphenation in the examples.)

Quick Chromia/Android rabbit hole

All Chromium-based browsers on Android (tested in Chrome (v90), Samsung Internet (v87), and Edge (v77)) break off the 'width: max-content' text in the example above at the dash, and thus take the 'width: max-' as the max-content, provided the page does NOT have a meta viewport. No other browser does this — and that includes Chrome on Mac.

Also, Chromia on Android make the font-size a tad smaller when you resize the boxes below the maximum possible width. I will ignore both bugs because this article is about fit-content, and not about these rabbit holes.

These bugs do NOT occur in UC (based on Chromium 78). Seems UC is taking its own decisions here, and is impervious to these particular bugs.

fit-content

Now that we understand these values we also understand fit-content. It is essentially a shorthand for the following:

box {
	width: auto;
	min-width: min-content;
	max-width: max-content;
}

Thus the box sizes with its containing box, but to a minimum of min-content and to a maximum of max-content.

I’m not sure if this effect is useful outside a grid or flexbox context, but it’s here if you need it.

fit-content as min- or max-width

You can also use fit-content as a min-width or max-width value; see the example above. The first means that the width of the box varies between min-content and auto, while the second means it varies between 0 and max-content.

I find this fairly useless and potentially confusing. What you really mean is min-width: min-content or max-width: max-content. If that’s what you mean, say so. Your CSS will be clearer if you do.

So I believe that it would be better not to use fit-content for min-width or max-width; but only for width.

-moz-

Unfortunately, while fit-content works in all other browsers, Firefox still needs a vendor prefix. So the final code becomes:

box {
	width: -moz-fit-content;
	width: fit-content;
}

(These prefixes get harder and harder to defend as time goes by. fit-content has perfectly fine cross-browser support, so I don’t see why Firefox doesn’t just go over to the regular variant.)

fit-content in flexbox and grid: nope

fit-content does not work in flexbox and grid. In the example below the centre box has width: fit-content; it does not work. If it worked the middle box would have a width of max-content; i.e. as small as it needs to be to contain its text.

The final example on this page has a test where you can see grid doesn’t understand this keyword, either.

Note that grid and flex items have min-width: min-content by default, as you can see in the example above.

fit-content()

Let’s go to the more complex part: fit-content(). Although it’s supposed to work for a normal width, it doesn’t.

Grid

You can use fit-content(value) in grid templates, like:

1fr fit-content(200px) 1fr

It means

1fr min(max-content-size, max(min-content, 200px)) 1fr

The max() argument becomes min-content or 200 pixels, whichever is larger. This is then compared to the maximum content size, which is the actual width available due to the constraints of the grid, but with a maximum of max-content. So the real formula is more like this one, where available-size is the available width in the grid:

1fr min(min(max-content,available-size), max(min-content, 200px)) 1fr

Some syntactic notes:

• We’re talking fit-content() the function here. fit-content the keyword does not work in grid definitions.
• Here Firefox does not need -moz-. Go figure.
• fit-content() needs an argument; an empty function does not work. Also, an argument in fr units is invalid.
• MDN mentions a value fit-content(stretch). It does not work anywhere, and isn’t referred to anywhere else. I assume it comes from an older version of the spec.

I tested most of these things in the following example, where you can also try the bits of syntax that do not work — maybe they’ll start working later.

And that’s fit-content and fit-content() for you. It’s useful in some situations.

Below you can play around with fit-content() in a grid.

Mohit Malik, COO, GSPANN Technologies, said the centre would also train the youth from the community in various employability-driven technical skills.

Actor Prakash Raj’s innovative incubator for theatre and arts offers a comprehensive production process, stipends for actors/techs, lodging, kitchen and tech support. It also plans to promote fine arts and film in the future.

Actor Prakash Raj says fans will soon get to see him perform live on stage

Artist Ragavan Suresh creates scientific watercolour drawings of endemic birds of the Western Ghats, endangered animals, and orchids to draw attention towards conservation

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

Sai Rajesh, the writer-director of the Telugu romantic drama ‘Baby’ that has been eliciting extreme responses, says he did not intend to make a toxic film