Skip to content
OverviewSolutions
22
Comments
6
Jaronimas
@jaronimas-codes

All comments

  • Jaronimas•375
    @jaronimas-codesSubmitted almost 3 years ago
    1. How to connect "main page project left" numbers with "modal project left" numbers (pink in main page). SOLVED

    1.1 NEW PROBLEM - how to apply style when 'left' is 0. Should I redesign structure of page as an array of object and then render it with different information? NEED HELP WITH THIS.

    1. How to center "left borders" in main statistics page? Did static and I know it is bad option. SOLVED

    2. Looking for coding buddy to review each others code and give constructive feedback. (once per week or so - will negotiate).

    Regards, Jaronimas

    Have 3 questions about this solution and looking for coding buddy.

    4
    Jaronimas•375
    @jaronimas-codesPosted almost 3 years ago

    For some reason, after all of my previous and your suggested formatting the value of 89914 becomes 89,914 and then if I adding $1 to it, then it is rounding up to total backed of $90. I still need to look for solution of formatting that, but thanks for answer.

    0
  • Jaronimas•375
    @jaronimas-codesSubmitted almost 3 years ago
    1. How to connect "main page project left" numbers with "modal project left" numbers (pink in main page). SOLVED

    1.1 NEW PROBLEM - how to apply style when 'left' is 0. Should I redesign structure of page as an array of object and then render it with different information? NEED HELP WITH THIS.

    1. How to center "left borders" in main statistics page? Did static and I know it is bad option. SOLVED

    2. Looking for coding buddy to review each others code and give constructive feedback. (once per week or so - will negotiate).

    Regards, Jaronimas

    Have 3 questions about this solution and looking for coding buddy.

    4
    Jaronimas•375
    @jaronimas-codesPosted almost 3 years ago

    Good evening, Mariusz,

    1. Was playing with number formatting and made a bug with progress bar. Now already fixed, but my statistic numbers are without commas and dots:/ For progress bar, I used simple div inside div with a change of width % according the total sum pledged divided by total sum asked.

    My actual question is that when person donates money and "buys" one of the options, the amount of options (101, 64 and 0 by default) is reducing by one on modal, but cannot find solution that it would be reflected (connected) on main page (I colored that problem with pink background color on main page).

    1. Alright, will sit to make it happening, flex shouldn't be a big problem :)

    Thank you very much for answer and hope

    0
  • Michael•100
    @mikeyxxSubmitted about 3 years ago

    Before I started working on this task, I was a little bit scared wondering how I was going to work on the JS part of it which turned out to be simple at the end of the day. Turned out that the hard part was getting the mobile and the desktop layouts right. I learnt how important your html markup is when it gets to the layout where you get to apply your css. I worked on the layouts alone for about two days so it was very tough. Lots of debugging.

    I'd love your feedbacks please!

    Time tracking dashboard

    1
    Jaronimas•375
    @jaronimas-codesPosted about 3 years ago

    Good day, Sir,

    IMHO, you haven't done the JS part as it was suggested in the description of the task. You should use data.json file to fetch the data. I would say it is nice opportunity to practice async/await, promises or http requests as well as css grid to make your solution responsive.

    Regards, Jaronimas

    Marked as helpful
    1
  • Jaronimas•375
    @jaronimas-codesPosted about 3 years ago

    Good day, Sir! I would say, spend extra time to make it closer to the design. Background positioning is quite easy to do and change it in media - queries. Play with width, max-width, more padding and margin would be nice too from UI perspective, that would make more white space and more space 'for design to breath' ;) overall it doesn't look bad, but I am sure you can improve that in couple of hours with a help for searching of all extra css features! Good luck!

    Marked as helpful
    1
  • Jaronimas•375
    @jaronimas-codesPosted about 3 years ago

    Good day, Sir! You can look up some css and html naming suggestions here: https://9elements.com/bem-cheat-sheet/#card+i

    Marked as helpful
    1
  • Jaronimas•375
    @jaronimas-codesSubmitted almost 4 years ago

    Q1. How to make desktop view look bigger? I increased font-size and played with the size of max-width of price card. Is that sufficient? Up to good standard? Or there's better/easier/more efficient way?

    Q2. Is it ok to use BEM like this or it is too much and starts to be too complicated?

    Q3. How to make flex more responsive to width? I made max-width: 21rem to fit 375px screen. How to play with that to make it more fluid?

    Thanks in advance, Jaro

    BEM, Sass, flexbox and media queries. Mobile first.

    1
    Jaronimas•375
    @jaronimas-codesPosted almost 4 years ago

    Yeah, I really have troubles with desktop size..

    0