Skip to content
OverviewSolutions
12
Comments
9
Vishal
@vishalyv252

All comments

  • Walid Hawari•100
    @whawariSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I think I started to get better at using Tailwind CSS

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

    The challenges I encountered are:

    1. Styling list items using Tailwind CSS. I overcame this challenge by googling and following Tailwind's docs.
    2. Styling tables. I thought that there is specific CSS for styling tables, but I discovered that I can style them the same as styling any other HTML elements.
    What specific areas of your project would you like help with?

    I am always open to feedback on how to improve my Tailwind CSS.

    Responsive recipe page using Tailwind CSS

    1
    Vishal•170
    @vishalyv252Posted 3 months ago

    Good.

    0
  • Urias Ramos•170
    @Urias-RamosSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I feel proud to complete the challenge and improve little by little.

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

    It was my biggest challenge yet, but it was really easy.

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

    I still don't understand the ARIA rules well.

    Product Preview Card Component

    1
    Vishal•170
    @vishalyv252Posted 6 months ago

    Nice 👍

    0
  • Abdul-100•40
    @Abdul-100Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    N/A

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

    N/A

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

    i want to become frontend developer in 1 week any suggestions WELCOMED !!

    Social-links profile : )

    2
    Vishal•170
    @vishalyv252Posted 7 months ago

    Bro, You should put actual design.

    Marked as helpful
    0
  • savyaaa1•40
    @savyaaa1Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the project itself and time I took to complete it.

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

    I struggled a bit with the given image-link. It was a tad bit difficult to round the corners of the image. Still managed to do something on it!

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

    Area I'd like help with would be how to round the corners of the given svg image (clip-path etc).

    HTML & CSS Foundations Blog Preview Card

    1
    Vishal•170
    @vishalyv252Posted 7 months ago

    Hi @savyaaa1, It is not so difficult for rounding the corners of this image. It is also possible to round the corners of the Image. So, Create a class of the Illustration image and in CSS, type "border-radius: 5px" in CSS. That's All.

    0
  • Diaz Amaliana•20
    @diazamalianaSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Learn basic html and css

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

    Styling the CSS, to match the styling same as with the design

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

    Responsive web design

    QR code component

    1
    Vishal•170
    @vishalyv252Posted 8 months ago

    @diazamaliana To perfectly center this box use "flex" layout in CSS.

    0
  • Vishal•170
    @vishalyv252Posted about 1 year ago

    I have made corrections to your code and correct it.

    For centring the item: Here's the code :

    .main-page { display: flex; justify-content: center; align-items: center; height:100%; width:100%; }

    At image element: -> First Thing, make sure to check the file location path of the icon image. -> Second Thing, Type some description at the alt attribute of the image icon.

    1
  • Victor•170
    @SlickVick1995Submitted about 1 year ago

    I had a lot of difficulty which elements were the best ones to use for each particular situation.

    Results-Summary-component

    2
    Vishal•170
    @vishalyv252Posted about 1 year ago

    Very good. I saw your code, but you have to add some description on the alt attribute at the image element and make sure that you check the file location path of the images.

    0
  • Vishal•170
    @vishalyv252Posted over 1 year ago

    ok not bad, try this one: .testimonial .head{ display: flex; justify-content: center; align-items: center; margin-bottom: 2%; /20px/ } this is only for layout. It will be put perfectly in center. others are good👍.

    Marked as helpful
    1
  • Vishal•170
    @vishalyv252Posted over 1 year ago

    Hello Guys, I created A simple grid component using HTML and CSS Only.

    1