Skip to content
OverviewSolutions
12
Comments
9

Vishal

@vishalyv252Chennai170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Walid Hawari•100
    @whawari
    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

    #tailwind-css
    1
    Vishal•170
    @vishalyv252

    Good.

  • Urias Ramos•170
    @Urias-Ramos
    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
    @vishalyv252

    Nice 👍

  • Abdul-100•40
    @Abdul-100
    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
    @vishalyv252

    Bro, You should put actual design.

    Marked as helpful
  • savyaaa1•40
    @savyaaa1
    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
    @vishalyv252

    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.

  • Diaz Amaliana•20
    @diazamaliana
    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
    @vishalyv252

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

  • Vishal•170
    @vishalyv252

    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.

View more comments