Skip to content
OverviewSolutions
21
Comments
19
P
Achara Chisom Solomon
@AcharaChisomSolomon

All comments

  • Bartosz Dudziak•720
    @bartoszdudziak-devSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?
    • My solution is not perfect and it was exhausting for me.
    • I am proud of I managed to create all given features. I also added some on my own.
    • I would definitely think about better structure of my code next time because I wrote in a single file and it became a bit messy.
    • I implemented basic accessibility.
    What challenges did you encounter, and how did you overcome them?
    • The most problem was to create overlay. It did not work on my fixed positioned elements so I created their own overlay for each one. That solution could be better.
    • Positioning the elements took me the most time.
    What specific areas of your project would you like help with?

    Please give me some opinion or advice. 🫡

    E-Commerce Product Page (JS/SCSS)

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 5 months ago

    Heyyy @bartoszdudziak-dev,

    Great Job on completing the challenge, and I love how you split your css files.

    The only feedback I have is that you should check out 'CSS CLAMP', it could potentially reduce the amount of media queries you need.

    1
  • javalzu•420
    @jaalzuSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i make this really quick and easy!!

    What challenges did you encounter, and how did you overcome them?

    nothing challenge. only the img sizes still confusing me

    What specific areas of your project would you like help with?

    with the imgs.

    nft card responsive

    2
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 5 months ago

    Heyy @jaalzu,

    Nice job on the challenge, you can use 'display: flex' on the '.eth' and '.clock' classes to make them aligned in the center.

    Marked as helpful
    1
  • Stephen Mutheu muya•110
    @Stephen-254Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    N/A

    What challenges did you encounter, and how did you overcome them?

    N/A

    What specific areas of your project would you like help with?

    N/A

    Huddle Laanding page

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 5 months ago

    Heyy @Stephen-254,

    Good job on attempting the challenge, you can try moving the CSS into its own file to not make your index.html file too long.

    0
  • NovikovIlya•910
    @NovikovIlyaSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    ;3

    What challenges did you encounter, and how did you overcome them?

    ;)

    What specific areas of your project would you like help with?

    ;)

    news-homepage

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 6 months ago

    Great job getting it as close as possible to the design and making all links accessible!!!

    Marked as helpful
    1
  • Jordan Davenport•970
    @jjdavenportSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    One of my first sites using JS and building it mobile first.

    What challenges did you encounter, and how did you overcome them?

    I had a problem with overflow with mulitple questions toggled to open this was fixed with CSS height: fit-content.

    What specific areas of your project would you like help with?

    Any feedback regarding my JS functions would be appreciated.

    FAQ accordion main with JS

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 6 months ago

    Heyy @jjdavenport, good Job completing the challenge, you can replace the questions with the details and summary tag in HTML, this eliminates the need for using javascript to open and close each question.

    Marked as helpful
    1
  • Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 6 months ago

    Great job pal!!!

    0
  • Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Hello @mckoyd, nice attempt on the challenge

    noticed you didn't implement the validation for when a user has not clicked on any option and your questions do not start from the beginning, some times they start midway at question 5, etc.

    0
  • Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Heyy . . . I can't view the site or the repo

    0
  • Levis Kim•1,200
    @Orekihotarou-kSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?
    What challenges did you encounter, and how did you overcome them?
    What specific areas of your project would you like help with?

    Responsive Tip calculator app

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Heyy @Orekihotarou-k, nice work on the challenge

    Noticed your validaton doesn't work the first time, only afterwards

    0
  • Levis Kim•1,200
    @Orekihotarou-kSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I finally understood the basic concepts of working with async functions and also how JSON works.

    What challenges did you encounter, and how did you overcome them?

    I had issues with getting the output to display properly. The output kept on displaying 0, and when I told a friend about it, he helped me realize that there was an issue with the forEach index. timeData.forEach((e, i)

    What specific areas of your project would you like help with?

    After deploying the site, the inputs no longer change when the buttons are clicked. It works just fine locally. I need help solving this issue

    Responsive Time tracking dashboard with CSS grid

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Hey @Orekihotarou-k, good job on the design.

    I am currently going through your js code and I would suggest that you fill the time components DOM from your javascript file instead of via the index.html file.

    You can check out mine

    import data from './data.json' with { type: 'json' };

const main = document.getElementById('main');

let innerHtml = '';
for (const item of data) {
    innerHtml += `
        <section
            class="${item.title.toLowerCase()}"
        >
            <div class="box">
                <div class="box__top">
                    <h3>${item.title}</h3>
                    <svg width="21" height="5" xmlns="http://www.w3.org/2000/svg">
                        <path
                        d="M2.5 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm8 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm8 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"
                        fill="#BBC0FF" fill-rule="evenodd" />
                    </svg>
                </div>
                <div class="box__bottom weekly">
                    <h2>${item.timeframes.weekly.current}hrs</h2>
                    <p>Last Week - ${item.timeframes.weekly.previous}hrs</p>
                </div>
                <div class="box__bottom daily">
                    <h2>${item.timeframes.daily.current}hrs</h2>
                    <p>Yesterday - ${item.timeframes.daily.previous}hrs</p>
                </div>
                <div class="box__bottom monthly">
                    <h2>${item.timeframes.monthly.current}hrs</h2>
                    <p>Last Month - ${item.timeframes.monthly.previous}hrs</p>
                </div>
            </div>
        </section>
    `;
}
main.innerHTML = innerHtml;
    0
  • woojjajja•90
    @woohyodongSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    :)

    What challenges did you encounter, and how did you overcome them?

    :)

    What specific areas of your project would you like help with?

    :)

    Article preview component

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Great job pal, love the animations used. The only advice I have is to use a larger breakpoint before entering the desktop mode so that the share icons in the tooltip can be viewed across all screen sizes smoothly.

    Marked as helpful
    0
  • Depaulaeduardo•90
    @DepaulaeduardoSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    not giving up

    What challenges did you encounter, and how did you overcome them?

    working on the classes names

    What specific areas of your project would you like help with?

    Classes names and others

    Responsive Page - Mobile, Tablet and Desktop

    1
    Achara Chisom Solomon•490
    @AcharaChisomSolomonPosted 7 months ago

    Nice attempt pal!!! Consider using css variables to simplify getting the values of colors and the font families.

    Marked as helpful
    0