Skip to content
OverviewSolutions
10
Comments
7
Željko
@c0dz-wq

All comments

  • hran•10
    @hran-8Submitted about 2 years ago

    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-wqPosted about 2 years ago

    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-wqSubmitted over 3 years ago

    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-wqPosted over 3 years ago

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

    0
  • Željko•210
    @c0dz-wqSubmitted over 3 years ago

    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-wqPosted over 3 years ago

    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-wqPosted over 4 years ago

    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
    @nenadlazic8Submitted over 4 years ago

    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-wqPosted over 4 years ago

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

    0
  • Sol B W•80
    @solybarrSubmitted over 4 years ago

    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-wqPosted over 4 years ago

    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