Skip to content
OverviewSolutions
18
Comments
18
Sonja Krafft
@sonmikrafft

All comments

  • Yejin Han (한예진)•270
    @Yejin-HanSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Nothing special.. but I think my work fits all screen widths.

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

    In order to fit all screen widths responsively, even parts not in the design file had to be designed in my own way so that the layout was not broken. This part was difficult because it took time, but I tried this and that and chose the layout that looked the best.

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

    I would like to know if this code is unnecessary and if it is applicable to actual work. Also, I would like you to let me know if there are any parts I can make that are not more complicated. In particular, if you code with mobile-first workflow, it would be nice to know how to normally set the branch point of mediaquery.

    Loopstudios landing page

    1
    Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Your solution is awesome! It really is very responsive to different sizes. But you could move the "IMMERSIVE EXPERIENCES THAT DELIVER" to the center for tablet sizes.

    You could also create multiple .scss files for different parts to make the index.scss easier to maintain.

    Great Work!

    Marked as helpful
    0
  • Josephine Fitalvo•260
    @fitalvojosephineSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the flex layout and its layer effect.

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

    The exact measurement soon. I will subscribe to the pro.

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

    Feedback more, please. I will continue the eye layer. Happy coding everyone :)

    NFT Preview Card Component

    1
    Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Looks perfect! Great Work!

    0
  • Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Great Work! I like your design decisions for the discount and the button. You could still add the orange border-bottoms for the desktop menus in the header and take care of images. They do not keep their proportions but stretch when the viewport size changes.

    0
  • Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Love your design choices! Looks great! However, you could remove the color of the blue hyperlinks.

    a, a:visited, a:hover {
    color: inherit;
    text-decoration: none;
  }

    Excellent Work!

    0
  • Lawrence Afriyie•180
    @LorryAfriyieSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Being able to correct validation errors during runtime of the website and creating separate JS files to encapsulate functions which deal with the purpose of validating the contact form and styling it accordingly when the correct input has been detected.

    Contact form built with react.js

    1
    Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Looks great!

    0
  • dolapobj•310
    @dolapobjSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Simple JS, kept my html semantic

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

    Nothing really on this one.

    FAQ Accordion

    1
    Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Great solution for the background image that responds to any width!

    0
  • Sonja Krafft•310
    @sonmikrafftPosted 4 months ago

    Looks perfect!

    0
  • dolapobj•310
    @dolapobjSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of working and getting more comfortable with DOM manipulation using javascript.

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

    I think the biggest challenges were with javascript, validating the forms, and figuring out how to check and validate all the values before displaying the tip amount and total amount. I ended up using a global variable to store those values, and then I would check that global variable everytime there was a change made. Seems to work well.

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

    Mostly on the validation and flow of my javascript.

    Tip Calculator App

    1
    Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    Looks good.

    You could add data validation for the other fields and only allow whole numbers for the number of people.

    0
  • Junier Bolívar 🕷•710
    @JunbolSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Working with SCSS animations, BEM & MediaQueries specially working with CSS GRID Areas combined with Dynamic Grid columns and rows. And of course creating all the logic to create the cards dynamically with javascript the use of fetch() and forEach method and interact with the DOM to clone and add cards to the UI also using the Switch conditional system to give the right icon and color to each card. and the forEach method. It has been the most difficult challenge until now, but I am happy I managed to finished it.

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

    let bgIcon = cardClone.querySelector('.card__bgIcon'); bgIcon.style.backgroundImage = url(./assets/images/${iconPath}); //🐞🚩is important to give the path thinking this will be request from the root folder not from the script folder that is why only one dot was used.me as above

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

    none

    time-tracking-dashboard

    1
    Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    Love your animations!

    0
  • dolapobj•310
    @dolapobjSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of working with javascript and overall, understanding everything I built and doing my best not to rely on AI tools for support. I was particularly pleased with how I structured my HTML, which made moving between different displays for the user much easier.

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

    I had a problem with displaying the form after a user clicked the dismiss message on the success screen. I was able to solve it by inspecting and looking at what was being overridden.

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

    Styling and CSS. Are there ways to style the classes more simply.

    Newsletter Sign Up with Success Message

    1
    Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    Looks good! But the text field is filled with the tomato color whenever I try to enter a mail address. Is this intended behavior?

    I struggle to understand these lines:

     -webkit-appearance: none; /* Remove default styling in WebKit browsers */
-moz-appearance: none; /* Remove default styling in Firefox */
appearance: none; /* Remove default styling in other browsers */`

    What are your intentions?

    0
  • Junier Bolívar 🕷•710
    @JunbolSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I think of everything from the HTML, then dealing with nesting scss with BEM and Javascript which was the easiest part. Putting that social board to float like a monk in the right place was tought 🛠🤣

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

    the same as above

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

    none

    Article Preview Component Javascript

    1
    Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    I love your animations!

    0
  • Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    Looks great! Maybe add some responsive layouts for mobile. :)

    0