Questions tagged as 'flexbox'

Tagged questions
0
answers

How to use the FlexBox responsively with images?

Hey guys I'm using FlexBox in one of my projects to learn more about it. But I'm having a hard time with it regarding responsive images. In the code below I created a breakpoint in 1120px so that I use max-width: 100% and I put a flex-direction:...
asked by 14.08.2018 / 06:39
0
answers

Overflow scroll and flex together

Hello, I am trying to apply an overflow scroll on an element that is being positioned with flex, but I noticed that it is not working because it is expanding to behave all its elements (probably because no height was defined). How would I make th...
asked by 19.07.2018 / 21:20
1
answer

Flex line break

I have a list of videos that I display on my screen dynamically with java script. It's a div tag with which has class videos. But the list does not break line when the size exceeds the size of the browser and gives horizontal scrollbar. As I...
asked by 10.06.2018 / 00:10
1
answer

Do not adjust menu when submenu appears

I'm starting with flexbox, I'd like to make a menu that does not fit the width when the submenus appear: /* Navigation - menu style */ nav ul { padding: 0; } nav ul li { list-style: none; flex-direction: column; } nav &...
asked by 25.05.2018 / 22:07
0
answers

List of products with carousel and flexbox

Personal hello I'm needing help to display a responsive product list that will initially be 4 x 4 on computer screens (and can be changed as needed). The code I have displays flex inline items, but I need it to display in columns and when max-he...
asked by 20.04.2018 / 22:42
0
answers

Position icon next to input React Native

I'm having trouble positioning icon next to textInput , they always stay one below the other. <View style={itemInput}> <Icon active name="person" style={iconInput} /> <TextInput placeholder="Email" style={in...
asked by 11.02.2018 / 15:34
1
answer

Width Percent Flexbox

I'm having trouble defining items using Flexbox. What I need to do is to leave my item in 90% , currently I'm doing so, but it does not work. <View> <ScrollView horizontal> <View style={Ca...
asked by 04.02.2018 / 16:32
1
answer

Tabbar React Native

I'm having trouble positioning a component of tabbar I'm doing. Home.js import React, {Component} from 'react' import {View, Text, ScrollView} from 'react-native' import Header from './../components/Header' import Card from...
asked by 26.01.2018 / 23:30
1
answer

Height alignment of different divs with multiple columns and rows

I'm trying to make a height alignment of different divs (with css only), but after many attempts I still can not get the best answer. In mobile the designer made a carrousel (swiper): Ondesktopitisnecessarytousethisway: Theproblemisasfoll...
asked by 02.10.2017 / 18:40
1
answer

I can not make an element have a wrap in a responsive layout

Good afternoon, I'm trying to make a layout responsive but I can not make the product description go under the image when the available space is too small. I have tried with display: flex and float but none worked. Follow the link on the page...
asked by 05.07.2017 / 20:42