Questions tagged [react-flexbox-grid]
27 questions
0
votes
1 answer
How to adjust the width of react flexbox grid items to allow space between them?
The problem I have should be simple enough to solve, but I don't understand flexbox enough to understand what is happening.
I am trying to get two divs side by side with some space between them, but I cannot adjust their widths at all.
The…
I_Literally_Cannot
- 158
- 11
0
votes
1 answer
Why is my main content so far away from the left?
to start off I will say that I'm completely new to React and front-end development in general. I'm trying to put together a simple web UI using React and trying to figure things out as I go. I have an issue where my content (in screenshot displayed…
curiousdev
- 626
- 8
- 24
0
votes
1 answer
Textarea autoheight doesn't work inside flex
I'm using Semantic UI React and theirTextarea has a autoHeight property that auto expands the text area as you create new lines. This stops working if the Textarea is wrapped by a Grid.Column which has a display: flex property.
0
votes
1 answer
is this sort of layout possible with flexbox or react-css-grid?
I am about to start a react project and it involves a bit complicated layout and it needs to be responsive.
I have drawn a rough diagram in paint of what I need to do and have marked the places where I am finding it tough to accomplish.
could you…
faraz
- 2,603
- 12
- 39
- 61
0
votes
2 answers
Full centering component
I would like to know if there is a component that allows me to center vertical/horizontal anything I want without writing custom CSS?
I have tried react-center and react-flexbox-grid but without any success.
It would be nice if there is some…
Ryukote
- 767
- 1
- 10
- 26
0
votes
1 answer
How to add react-flexbox-grid with isomorphic-style-loader
Any solution in solving this problem here using isomorphic-style-loader?
kriasoft/react-starter-kit
Using the react-starter-kit, and the solutions they proposed here: roylee0704/react-flexbox-grid doesn't seem to fix the issue.
Mike Victoria
- 245
- 1
- 4
- 23
0
votes
0 answers
Warning: Failed propType: Calling PropTypes validators directly is not supported
I've been trying to add grid to my react project but when I load the page it gives me an error:
Warning: Failed propType: Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call…
zilijonas
- 3,285
- 3
- 26
- 49
0
votes
0 answers
React Native - creating flexible matrix of inputs
I am trying to implement a linear algebra calculator app with react-native, and am having trouble creating the matrix to input numbers into.
I don't want the matrix to be fixed in size, but rather have it flexible so the user can resize it according…
wcwagner
- 95
- 1
- 2
- 8
0
votes
1 answer
Add loader for React-Flexbox-Grid into Webpack2 config
I have tried endlessly to integrate a loader for React-Flexbox-Grid into my web pack config (shown below), but I receive error:
errors — client:119./~/flexboxgrid/dist/flexboxgrid.css
Module parse failed:…
user5156141
- 655
- 9
- 29
0
votes
1 answer
How to align text inside react flexbox?
I am using react-flexbox-grid and my current layout looks like
const SpicyMenu = (props) => (
-
{props.foodItems.map(foodItem =>
daydreamer
- 87,243
- 191
- 450
- 722
0
votes
2 answers
How can I add loader for React-FlexBox-Grid in webpack.config.dev.js file?
Using basic web-pack configurations created by create-react-app
{
test: /\.css$/,
loader: 'style!css?importLoaders=1!postcss'
}
Installed React-FlexBox-Grid using following npm command
npm i -S react-flexbox-grid
Installed the…
Prabhakaran Ramaswamy
- 25,706
- 10
- 57
- 64
-3
votes
1 answer
How to make a Navbarl like this in React using flexbox
How to make a component like this using flexbox in Reactjs?
Ronit Mankad
- 117
- 1
- 7