Skip to content
OverviewSolutions
22
Comments
10
vishal wankhade
@Vishal-wankhade

All comments

  • vishal wankhade•495
    @Vishal-wankhadePosted over 2 years ago

    you did well

    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 2 years ago

    you can change the paragraph font-size such way that it will look exactly like the design. otherwise you did well. :)

    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    give the google font link in the html file instead of import , you did not add the given font-family, font-weight to the text ,button bg-color is not white your site is not looking well in mid screen devices hope this is helpful

    Marked as helpful
    0
  • Azmi Fitra•95
    @azmifitraSubmitted over 3 years ago

    I have problem with arranging the cards. I design it using flexbox and it is hard to place the card properly, so i need to use transform(translate) to arrange them. If there any tips for me to solve this problem, please let me know :).

    Four Card Section using HTML+CSS (Flexbox)

    3
    vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    wrap the 4 boxes in a section use flex in it and give flex-direction column, make three columns inside that section, the 1st box in 1st column, the two center boxes in 2nd column,3rd box in the 3rd column in this way you can give it proper structure without using the transform property. see my solution to this challenge for any help https://www.frontendmentor.io/solutions/fourcardfeaturesectionmaster-solution-using-html-and-css-o2VKoPxKH hope this will help

    Marked as helpful
    0
  • devbev•80
    @devbevSubmitted over 3 years ago

    Hello guys, I am less than a month old in learning HTML and CSS. This is my attempt in trying to learn and practice flexbox. I was told to take a mobile first approach so I tried to do that in this project. Please let me know if you have any suggestions or advice so that I can improve my skills. Thank you in advance.

    Edit: I noticed that it's rendering fine like it's supposed to in my computer but looks different in other's computer. Not sure why?

    Four card feature section using CSS Flexbox

    2
    vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    I like the design. these four things could make your design more beautiful 1 - the card's background color should be pure white(#FFF) 2 - card's width looks small 3 - add box-shadow to the cards 4 - make responsive for the medium screen size devices hope this will help I will appreciate it if you check my solution to this challenge
    https://www.frontendmentor.io/solutions/fourcardfeaturesectionmaster-solution-using-html-and-css-o2VKoPxKH any feedback and suggestions are welcome

    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    hey look at my solution to this challenge...hope I did well

    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    bro, your design needs some improvement 1 - you didn't use the guided font family for the content or if you did it's not working 2 - font size is not correct 3 - the color of the text in the buttons are not correct 4 - why there is a button below the card component 5 - no hover effect is showing to the buttons hope this will help you

    0
  • Yunus Alif•150
    @frontendnusSubmitted over 3 years ago

    Why i can't use background-image: linear-gradient( rgba(var.$soft-violet, 0.5) ), url(url image); to overlay color on the image? I have to use absolute position to display colors and images.

    The responsive image is very trick for me. Any feedback for me?

    Responsive Stats Card with Sass

    4
    vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    Your image is not looking completely fit like as shown in the design apart from that everything is good.

    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    well done bro

    Marked as helpful
    0
  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    the design looks good . but links hovering not working properly.

    0