Skip to content
OverviewSolutions
10
Comments
5
Vitali
@Vitali147

All comments

  • Kunal Munda•200
    @ryu-kamiskiSubmitted almost 3 years ago

    Appreciate it if you give feedback!😊

    Also queries to ask:

    1. Anyone who did this challenge and not faced difficulty with the card section please share your code and how you did it.
    2. Also in the mobile and tablet view should I give margin top of the main container?

    Responsive Four Card Feature Section | Flex | Grid | BEM

    2
    Vitali•130
    @Vitali147Posted almost 3 years ago

    Hi Kunal, feel free to visit my solution as well and check the code on github. I believe flexbox is the best approach to complete this challenge, this way your cards will be responsive to the screen size with 1 column on mobile, 2 columns on tablet and 3 columns with slight adjustment on desktop view. Other than font weight /size , missing icons and tablet layout it looks great.

    And I also suggest addressing HTML and Accessibility issues

    0
  • Vitali•130
    @Vitali147Posted almost 3 years ago

    Thank you for your feedback Aakash!

    0
  • derrick•30
    @derrick-itSubmitted almost 3 years ago

    Hello ✋,

    Any feedback?

    HTML SCSS

    1
    Vitali•130
    @Vitali147Posted almost 3 years ago

    Hey Derrick, Saw your solution and decided to check your code. I myself struggled with overlay and wanted to see how you did it. Very well done!

    0
  • Luis•270
    @luibernipSubmitted over 3 years ago

    Hello community,

    Thank you for visiting my challenge solution. I decided to try performing this task without JS, as it was a "bonus" task. Hope the result complies with your expectations. I had some issues with the positioning of the box image, since it was outside the main area and the main area had a overflow value of hidden.

    My questions to you all are:

    1. How would you position, the 3 elements of the image?
    2. How do you know when it is better to use JS or plain CSS to perform a task, such as this one?
    3. Would it be better to use flex-wrap instead of changing flex direction inside the media query?

    Once again thank you for passing by and helping me improve in my coding journey. It is a slow but somehow fun one. I don't know why it is fun, but I enjoy suffering in front of some colorful letters.

    Have a great day!!

    FAQ Accordion Card (HTML + CSS // NO JS)

    1
    Vitali•130
    @Vitali147Posted over 3 years ago

    Hey man, nice work! I see you managed without JS which is a mystery to me, well done! I have just finished this one as well, different approach but did manage to figure out how to hide accordion panels once another one is selected (using JS of course) Anyway, good to know I am not the only one out there struggling and somehow manage to enjoy it! Good luck on your journey!

    1
  • Vitali•130
    @Vitali147Submitted over 3 years ago

    Hey fellow newbies and those who can proudly call themselves coders! This challenge was a real struggle! Took me literally hours figuring things out and then days debugging all issues but I finally made it! All buttons seem to behave the way I want them to now it all looks pretty similar to initial design. Feeling proud and empowered and I haven’t even watched Snyder’s cut yet! 😊 If there’s anyone out there who can look at the code and perhaps point out what I missed or what could have been done in a more efficient way I would very much welcome any feedback!

    Responsive Design using HTML, CSS and JS

    1
    Vitali•130
    @Vitali147Posted over 3 years ago

    ..looking at the design comparison - image of a box is not positioned the way I intended it to and it does seem to work just fine on the web page, any idea what I did wrong?

    0