P
@DarrickFauvel
aaish
@aaishverAll comments
- @aaishver
how did you made it , its very very good , do you have any youtube channel where you put solution while explaining stuff
- @aaishver@aaishver
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
- @aaishver@aaishver
finding the same width and height is difficult from just the image build and its just guessing game
- @MajorMochi@aaishver
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
- @zAdarsha@aaishver
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
- @Shotnik420@aaishver
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
- @MajorMochi@aaishver
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 - @NjSal-23@aaishver
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
- @shashikantdev3@aaishver
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 - @LoaiEsam37@aaishver
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 - @ArtsCode101@aaishver
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
- @ArtsCode101@aaishver
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
