CSS, flex-box and media queries

Job Description:

I would like some GREEN squares (boxes) to each line (like buttons but not buttons). Each square should be green with an orange number in its center (eg for the first box inside the box there is the number 1 in its center, etc)

Each line in big screens to have 14 for examples boxes, for medium screens these

boxes get a bit smaller so as again we have 12 (or better) 14 boxes in each line, after with

smaller screens we have maybe 10 boxes in each line (now their size is even smaller), etc. In the case of mobile screens

the minimum 8 boxes.

So the whole page should be full responsive for many sizes (not only 3-4 sizes). So @media all and (min-width: XXXpx) should be used many times so as always the boxes are equally positioned on the page (please use flex-box with obviously some times

justify-content: space-around, some other times space-between, some other maybe space-left and space-right, etc)

For two of these boxes (box number "1" and box number "16") I want something more to be done (for the rest boxes obviously will be easy for me to make them working same as box-1 and box-16) :

I want at the bottom of the page 2 buttons, the button-1 connected to box-1 and button-2 connected to box-2.

When we press button-1, the box-1 becomes red and inside of this box we can see the number 1 in white but also under this number we can see the phrase "hi" in yellow (the size of the box should not change), if we press again the button-1 the box becomes again green with orange number 1 in the center of it. Same for box-2 and button-2.

Only html, css and javascript.

Have a look at the photos to better understand.

Please, do not bid over 25 euros. It is wasting of time.

Deadline: 1-2 days.

Beceriler: CSS, HTML, HTML5, JavaScript, Web Sitesi Tasarımı

Müşteri Hakkında:
( 12 değerlendirme ) Etterbeek, Belgium

Proje NO: #35358982



I will do it at 10EURO if you give me a good review. I have read and will make it within a day. It's a very simple task. NO worry, I won't take money if you think that I couldn't deliver what you wanted. Feel free to Daha Fazla

1 gün içinde %selectedBids___i_sum_sub_4%%project_currencyDetails_sign_sub_5% EUR
(14 Değerlendirme)

Bu iş için 54 freelancer ortalamada €29 teklif veriyor


Hello sir good day ready to do CSS, flex-box and media queries i completed more than 1000 job here thank you payal

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(1020 Değerlendirme)

Hello the hiring member there, Greetings! I am Bhavika here, having 6+ years of great experience in web designing. I have checked your attached images and read project description as well. I can make it exactly as you Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(255 Değerlendirme)

Hi I can do it with flex box using media queries. I can do it before one day. I have 10 years of HTML , CSS and Javascript experience. Lets contact to me for quick response. Thank you

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(286 Değerlendirme)

Hello, I am experienced website developer. I am ready to start work now and create the functionality with flex box asap. Thanks Regards Ahsan

€25 EUR in 2 gün içinde
(134 Değerlendirme)

Hi Sofiya, i can do this CSS task using flexbox with responsive on screen sizes . and also the button click event task. Check my recent reviews on CSS. Am capable on this task at your budget of 25euro send me a message Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(157 Değerlendirme)

Hi, I can immediately start to work on configuring your flexbox boxes exactly as you described. I did a lot of similar boxes with different configuration, so I am sure I can do exactly what you need within 1 day.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(61 Değerlendirme)

Hi, Happy Tuesday..!! Gone through the requirements and like to assist you with the same. I will write code in Javascript, JQuery, Typescript, PHP, HTML, CSS, Bootstrap and SQL for you. Features of this ✓ HTML5 Daha Fazla

€29 EUR in 7 gün içinde
(27 Değerlendirme)

Hi will do CSS, flex-box when free we more discuss and start work able to do right now for you thanks

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(46 Değerlendirme)

Hello I am a web expert. i can do design with PHP, Html , Js , css , bootstrap, have done many websites using latest technology. I can do these changes with js and css

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(41 Değerlendirme)

Hi!, I have good experience in "CSS JavaScript PHP MYSQL" and I will definitely help you in this project as you can get started right now as per your requirement. Looking for your reply to discuss about this project. Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(39 Değerlendirme)

Greetings! Thanks for your job posting. I read your project details and i understood all. I can help you with your project at a high level! I have rich experience in WEB developing. My skills and experience is a grea Daha Fazla

€25 EUR in 2 gün içinde
(11 Değerlendirme)

Greetings.... I see you are looking for someone to convert PSD/Figma/xd to responsive HTML. this job is good fit for my skills set so it's easy job for me. Also, I can handle this project easily. As well as, I can star Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(23 Değerlendirme)

Greeting!! Hello, I am looking to your job immediately. I am a professional full stack Web developer with 8+ years’ experience in the relevant field. I have expertise in HTML, CSS, Flutter, PHP, Java, JavaScript, Larav Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(35 Değerlendirme)

Hello, Nice meet you! I have read your project requirements and then I am sure I can complete that project. I can help you. Thank you

€19 EUR in 7 gün içinde
(18 Değerlendirme)

Hello dear client. I have read your description carefully. I can do it for you. Please contact me. Thank you.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(19 Değerlendirme)

⭐Hi there.⭐ I can satisfy your needs in a ❤️SHORT TIME and LOW BUDGET❤️. I have +7 years of rich experience in web development. If you give me a chance, I will do my best. Please let us know your requirements in detail Daha Fazla

€50 EUR in 7 gün içinde
(9 Değerlendirme)

Hi, We can start working right now. I have reviewed the Project description & understand your requirements as well. This task is pretty simple for my team please come on chat and discuss this further. We are looking f Daha Fazla

€25 EUR in 2 gün içinde
(10 Değerlendirme)

Hello, I have rich experience in Website design .If you want, I can share all my examples. I have read all your explanations carefully and fully understand your requirements. So I am sure I can give you correct and goo Daha Fazla

€21 EUR in 3 gün içinde
(12 Değerlendirme)

Greetings, I am a professional and experienced in providing high-quality Full-stack WordPress, and PHP designing, developing, and Swift services. I am highly interested in your project. Please contact me so I may shar Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(8 Değerlendirme)

Hello, you seem to have found a good web developer. As a front-end and back-end developer, I have been working in this field for 5 years. I really want to work with you. I look forward to hearing from you. Thank you

€19 EUR in 7 gün içinde
(2 Değerlendirme)