CSS, flex-box and media queries
Bütçe €8-30 EUR
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.
Seçilen:
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
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
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
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
Hello, I am experienced website developer. I am ready to start work now and create the functionality with flex box asap. Thanks Regards Ahsan
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
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.
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
Hi will do CSS, flex-box when free we more discuss and start work able to do right now for you thanks
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
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
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
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
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
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
Hello dear client. I have read your description carefully. I can do it for you. Please contact me. Thank you.
⭐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
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
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
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
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
