style imported global, it breaking current css about react-fb-image-grid

[JoelFernando209]

Hello guys, I just want to leave my fork of the repository with @ManelGonzalez-ops pull request (that solves the styles issue) and Video, IFrame integration.

Feel free to use it :) https://www.npmjs.com/package/@joelfernando06/react-fb-image-grid

P.D: Again, credits to @ManelGonzalez-ops and @hamsahmedansari for their pull requests!

[jamilmeraki]

Why would this library even need to set font size globally?!

[cdcdianne]

Why would this library even need to set font size globally?!

all of my css are being override by this too

[cdcdianne]

How to fix this

[kashifsulaiman]

If anyone is active, could create a PR for fixing this issue otherwise will fix this issue asap. This is because initially, I used classes for CSS, which may be overwriting your classes. Like container.

[ManelGonzalez-ops]

The problem is not your custom clases of your styles.css, the problem is the bootstrap imports on top of that file, as it is using react-bootstrap which depends on all Bootstrap css, which is a system that overrides all your custom tags (p, h1, h2, h4, h5, etc), which fucks up any layout not based on bootstrap.

The solution is simple, getting rid of react-bootstrap.

I will make a pull request using Material-ui grid components and getting rid of react-bootstrap from dependencies and get rid of bootrstrap css imports.

[Munna-Khandakar]

getting error react-fb-image-grid doesn't exist after installing from npm i @joelfernando06/react-fb-image-grid

[goors]

Same here, based on code this is not easy fix at all since it is using bootstrap.