Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • hran• 10

    @hran-8

    Submitted

    ISSUES WITH MY SOLUTION:

    • Only completely optimized on viewport widths 1440px and 375px. The biggest issue is with the main perfume image
    • Used srcset attribute in my <img> tag for the main perfume image to change when the viewport reaches 375w or 1440w-- this works fine but when I try to change the values around (in the srcset values) to adapt to widths in between 375px and 1440px, the image stretches/distorts or unwanted gaps are formed in the image container.

    I tried to use relative units for most of the sizing. I don't know how to make the image properly scale depending on the size of the viewport while avoiding making multiple media queries. Any help or tips would be greatly appreciated.

    Barely-responsive product preview card, using flexbox & srcset plshelp

    3

    Željko• 210

    @c0dz-wq

    Posted

    I see that you have trouble comprehending how "responsive design" works.

    Fret not! We all been through that. I adivise you to check out the article about Media queries on web.dev:

    While you are there, wouldn't hurt to familiarize yourself with the Picture element.

    1
  • Željko• 210

    @c0dz-wq

    Submitted

    Hi, i had issues with positioning backgrounds and making them stay in one place and making them responsive. If you have any advice on that, that would be great.

    React / Coding Bootcamp

    2

    Željko• 210

    @c0dz-wq

    Posted

    I'm not sure if I understood your point. Can you simplify. How would you do it?

    0
  • Željko• 210

    @c0dz-wq

    Submitted

    I had some issues with positioning background-image for Desktop layout. If you have any advice on that or anything else, I would appreciate it.

    Mobile first Grid layout

    2

    Željko• 210

    @c0dz-wq

    Posted

    Hi Traka,

    Thank you for your feedback. I appreciate it.

    Concerning JavaScript resources ...

    You can check out Coding Addict YouTube chanell and give it a try with Javascript Fundamentals and 15 Vanilla Javascript Projects courses or Academind YT chanell and his JavaScript Course for Beginners 2020.

    [freeCodeCamp curriculum] (https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) it's okay starting point for many who are new to JS.

    There is also Scrimba.

    What can be halpfull too is subscribing to [Chris Ferdinandi] ( https://gomakethings.com/) newsletter. He is sending to your mailbox on daily basis really helpful short JS code snippets with explanations.

    Well, hope this helps!

    1
  • Željko• 210

    @c0dz-wq

    Posted

    Hi Marko! Great job! I just noticed that not all of the flags are the same height. Maybe you should try to fix that. Overall your project is very good.

    1
  • Nenad Lazic• 130

    @nenadlazic8

    Submitted

    Hey guys, this was harder than usual, I would love to hear your opinion. I think I'm making progress :)

    Manage Landing Page

    1

    Željko• 210

    @c0dz-wq

    Posted

    Well done Nenad! Though, you should fix reported accessibility and html issues. Keep up the good work. :)

    0
  • Sol B W• 80

    @solybarr

    Submitted

    Had some trouble with the background, it looked better when using height: 100vh but that changed the design from the preview image. Thanks for any input.

    Huddle landing page with CSS and Flexbox

    2

    Željko• 210

    @c0dz-wq

    Posted

    Great job on this one! It seems like social icons are a bit bigger compared to the original and a bit lower. But that's not a big issue. Your solution is very close to the original design.

    0