Skip to content
OverviewSolutions
19
Comments
12
aaish
@aaishver

All comments

  • aaish•310
    @aaishverPosted over 1 year ago

    how did you made it , its very very good , do you have any youtube channel where you put solution while explaining stuff

    1
  • aaish•310
    @aaishverSubmitted over 1 year ago

    after doing all the newbie challenges these are quite handy to do as coding always need practice.

    responsive

    1
    aaish•310
    @aaishverPosted over 1 year ago

    my solutions width was almost same but just the top padding and the box shadow needs some rework which I won't be doing so sorry for that thing

    0
  • aaish•310
    @aaishverSubmitted over 1 year ago

    any feedback is welcome

    What did you find difficult while building the project? -before starting I thought it was difficult while doing it I find it less difficult.

    Which areas of your code are you unsure of? -i am very happy with code.

    responsive

    1
    aaish•310
    @aaishverPosted over 1 year ago

    finding the same width and height is difficult from just the image build and its just guessing game

    0
  • Abdul Salam Jama•70
    @MajorMochiSubmitted over 1 year ago

    -My third project -After finishing it and attempting to make the page responsive I realized how messy the code was. I over-used margins to get the text in the perfect spots but I'm happy that the issues (flexbox) I had in previous projects aren't troubling me much anymore.

    product preview card component(3rd Project)

    2
    aaish•310
    @aaishverPosted over 1 year ago

    buddy you havent updated you code is there any issue or help you need, tell me if there's something you want to know or I can help you learn on 1 on 1 session

    1
  • aaish•310
    @aaishverPosted over 1 year ago

    get rid of accessibility report warnings and errors

    use the mobile view image given by changing it with the media queries on mobile view

    make sure to go through the all files given in challenge file and if active preview image given take notes of that too.

    lastly do media queries that will help your website to be more responsive for 375px mobile view

    0
  • aaish•310
    @aaishverPosted over 1 year ago

    as an desktop site its nice but in mobile view its bit off and not good to look.

    make sure to go through the all files given in challenge file and if active preview image given take notes of that too.

    lastly do media queries that will help your website to be more responsive for 375px mobile view

    1
  • Abdul Salam Jama•70
    @MajorMochiSubmitted over 1 year ago

    -My third project -After finishing it and attempting to make the page responsive I realized how messy the code was. I over-used margins to get the text in the perfect spots but I'm happy that the issues (flexbox) I had in previous projects aren't troubling me much anymore.

    product preview card component(3rd Project)

    2
    aaish•310
    @aaishverPosted over 1 year ago

    checkout my code for this challenge and there's a lot of accessibility report on your solution

    and your mobile view is too messy make that one work out too by media queries

    there's a lot to tell you but its not possible here so visit mine do comparison and see the differences also look for solutions on youtube for these challenges they might be tough but you will learn something . even I look for any new thing I don't know but required in the website

    Marked as helpful
    1
  • Luis G Salazar•30
    @NjSal-23Submitted over 1 year ago

    This was a headache to get through, but a good starting point for future projects. I used tailwindcss to style the project.

    Starter QR Code project

    1
    aaish•310
    @aaishverPosted over 1 year ago

    i too got stuck on this one total headache and its really a hard one

    and must use landmarks like header, footer and main to get rid of the error and warning in the accessibility report down your solution .

    make sure to go through the whole file given in challenge

    as your background color don't match so must see the style guide the background color was given back there you don't need to pick color up or guess to make the same color

    0
  • Shashikant•430
    @shashikantdev3Submitted over 1 year ago

    What I learned

    In this project, I learned about blending colour with images. Below are the HTML and CSS codes.

              <div class="stats__image">

          </div>

    .stats__image{

  background-image: url(./images/image-header-mobile.jpg);
  background-size: cover;
  background-color: var(--clr-soft-violet);
  background-blend-mode: darken;
}

    Any recommendations, feedback and advice to improve my project or skills are welcome. :D

    Stats preview card component main using grid

    2
    aaish•310
    @aaishverPosted over 1 year ago

    bro check for background color and select your color shade and then lower down the side color bar until it converts rgb to rgba(0, 22%, 0, 0.5) kind of this format or what you can do is if in case any rgb or hsl color given the input you just add the ", 0.5" in the end its same thing I told just by some written means

    Marked as helpful
    0
  • aaish•310
    @aaishverPosted over 1 year ago

    welldone for completing this challenge.

    now 1.remove these so many divs no need for navbar for that huddle brand logo image . 2.see the active site preview so that you can make ditto website. 3. anchor tag hover css . 4. add the Instagram, facebook , twitter icons on the right end with hover css as showed in active website preview 5. next time you take any challenge make sure to go through all the things given in the file of challenge

    Marked as helpful
    1
  • aaish•310
    @aaishverPosted over 1 year ago

    and make your website responsive to 375px mobile viewport too do media queries or whatever you know.

    also create a new file name it styles.css or anything just the ".css" is must and put the whole style that you did in the HTML head in that.

    even you have put soo much in the css and styles try to reduce it just try less to give and get more outcome

    0
  • aaish•310
    @aaishverPosted over 1 year ago

    1.use heading tags h1 h2 h3 in order means dont overlap it like using h1 and h3 only and not using h2 this leads to that bad accessibility report. 2.must use landmarks like <main></main>,<header></header>, <footer> for your content and divs inside body tag.

    after these 2 points the warning gets rid of in the report. and you can use the landmark like header for and image or content just like an div same for main and if you want to display flex them just put both header and main in a div and put flex. enough good to go for and hopefully you get to understand too

    0