Skip to content
OverviewSolutions
18
Comments
9
JL10
@JLizcano10

All comments

  • Mateus Lima•360
    @mts-mlSubmitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    I had difficulties with this project since I'd never used JS to manipulate classes before, so I did some research and read a few articles. Initially, I started developing using a mobile-first workflow, but I struggled with the JS part, so I decided to start the project over. It's been much easier starting with the desktop layout and then moving to mobile for this project.

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

    Constructive criticism and tips are appreciated.

    Article Preview Component

    1
    JL10•260
    @JLizcano10Posted about 2 months ago

    Awesome!!!

    0
  • nco0305•10
    @nco0305Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    The way how it turned out

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

    I could not use and centre the flex box, so I tried the grid as an alternative.

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

    Any other alternative ways to create the same component? I can't figure out why the image shows broken in GitHub live page link.

    QR code using CSS grid system

    4
    JL10•260
    @JLizcano10Posted 3 months ago

    Hello, the QR image is not displaying because web servers are usually case sensitive. Currently, you are using a lowercase “i” in the image font:

    <img src=“images/image-qr-code.png” />

    However, the repository folder is named Images with an uppercase “I”. To fix the problem, you can either rename the folder to images or update the image source path in your code to:

    <img src=“Images/image-qr-code.png” />

    This should solve the problem.

    Marked as helpful
    0
  • matt2282•310
    @matt2282Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I usually do the mobile design first, but I did the desktop design first this time because it was more complex. The mobile mostly fell into place with ease by simply changing from grid to flexbox.

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

    I was lost on how to create the grid layout so I used an online grid generator to get the layout how it is on the site. While I did copy the code from the generator I do now understand how it works and I could do something similar again without it now.

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

    When I set the height of the grid container it completely shifts the entire container down making it off-center. Not sure why it is doing this.

    Testimonials Grid

    1
    JL10•260
    @JLizcano10Posted 4 months ago

    I can only say that in the html you could avoid using so many div elements and improve the semantics of the cards with an ul tag. Otherwise everything excellent!!.

    0
  • JL10•260
    @JLizcano10Posted 4 months ago

    Excellent!!!

    0
  • Yashi Singh•340
    @Yashi-Singh-1Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I’m proud of the responsive design and consistent styling achieved in this project. Next time, I’d focus on adding advanced CSS animations and incorporating JavaScript for enhanced interactivity.

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

    I’d appreciate help with advanced CSS animations, JavaScript integration, and performance optimization.

    Product preview card component

    2
    JL10•260
    @JLizcano10Posted 4 months ago

    Excellent!!! I could only tell you not to forget the recommendations for responsive images and practice how to use the picture tag.

    Marked as helpful
    1
  • CecDor•60
    @CecDorWEBSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud because I learned to styling bulleted list.

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

    I still have difficulty programming the tightening (clamp) settings for the width.

    Solution Recipe page with SASS and media screen

    1
    JL10•260
    @JLizcano10Posted 4 months ago

    Excelent solution :)

    0
  • JL10•260
    @JLizcano10Posted 4 months ago

    Spectacular, I even learned how to put something different with the css cursor property. Thanks

    0
  • JL10•260
    @JLizcano10Posted 4 months ago

    spectacular

    0
  • JL10•260
    @JLizcano10Posted 4 months ago

    All spectacular and matches the design. The only thing to correct would be that the card is always centered at any breakpoint of the responsive.

    Marked as helpful
    0