Solve this Flexbox puzzle

Status: Closed
Prize: $150
Entries Received: 6
Winner: Anishsapkota000

Winner

Contest Brief

I've posted a flexbox challenge that I've been struggling with on stackoverflow:
https://stackoverflow.com/questions/67351880/precise-control-of-flex-shrink-behavior

You can read it for yourself, but the key constraint here is to solve the problem with pure CSS styles--no javascript, please. Your solution must also use flexbox. Please examine the use cases image attached, and make sure that your solution satisfies all of the use cases.

I'm posting this as a contest because I kind of suspect this challenge might be impossible, so it doesn't make sense to pair up with a single developer who might not know what he's getting into. If you enjoy working on this kind of challenge, then please join in the fun.

The first person to send me a link to a jsfiddle fork of my sample that demonstrates a working solution will be the winner.

You can fork the jsfiddle I've prepared, here: http://jsfiddle.net/shmax/1wbrqoa5/74/

Recommended Skills

CSS
Flex

Winner

Post a Contest Like This

Employer Feedback

“A real pro. Accept no substitutes!”

vw7133999vw, United States.

Top entries from this contest

elmoshakestaher Egypt

0
elmoshakestaher Egypt

0
hasanmehede523 Bangladesh

0
hasanmehede523 Bangladesh

0
AsemFawaz Yemen

0

View More Entries

Public Clarification Board

abdullahalmamuna
- 3 years ago
Please wait. I will solve your problems. I have understood that where you have bound out.
- 3 years ago
Turismoo
- 3 years ago
Hi! How much space does 0.5 ratio mean? Can we change the HTML?
- 3 years ago
Contest Holder
- 3 years ago
Just a reminder--no javascript allowed! You can use javascript to manipulate the sliders used in the sample, but not to achieve the layout use cases. Thanks much for understanding.
- 3 years ago
1. kanchon49
  - 3 years ago
  Greetings, i hope you are well.I'm a web desinger(Css Flexbox Expert) i will build your full custom website.I have 4+ years experience in website design.I want to work with you.I hope i will reach your satisfaction.
  
  Thanks
  Kanchon kumar shill
  - 3 years ago
agmahran
- 3 years ago
Hi, I had a question. I understand that the containers' text is modified in the html code and according to this the css should react, but how is the ratio p set by the user?
- 3 years ago
Contest Holder
- 3 years ago
Folks, please be sure to check that your solution satisfies all 5 use cases before submitting. Thanks, and good luck!
- 3 years ago