Design comparison
Solution retrospective
Hai guys, please give a tips for the website like the responsive and anything else. any video or tutorial web to get better in html css and js? please give that link :vvvvvvvvvvv have a nice day gais
Community feedback
- @giedrius-zavisaPosted about 3 years ago
Hello, @Itsjoses!
Took a look at your solution and I have a few suggestions you can look into. First of all, you might want to put your 'background' div inside a <main> element. This element represents the main content of your web page and is used to help people who are using reader mode. It also makes your web page structure clearer. The same can be said for your 'attribution' div (you can change the div into a <footer> element).
Next, I would suggest putting some text inside you 'alt' attribute in your image. Yet again, it is used to help people who are using reader mode, and it's good to get into the habit of writing it, even if it seems redundant now.
I also noticed that you haven't implemented any responsive design features. This challenge is perfect for practicing responsive design as the challenge is very simple, and it's easy to see if you implemented it correctly. I would highly encourage you to come back to this challenge and use it to practice responsive design.
Here are some resources you can look up:
https://www.w3schools.com/css/css_rwd_intro.asp
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
Also, the websites above provide tutorials and explanations on all of HTML, CSS, and Javascript features, so you might want to browse through them if you are looking for anything in particular. Another good way to search for inspiration is to look at other people's solutions, though avoid blindly copying and do your best to understand the code and implement your own version of it.
In any case, you did very well on this challenge. Keep up the good work and I wish you good luck on your next challenge! :)
Marked as helpful1@ItsjosesPosted about 3 years ago@Sypnotick wow thank you so much for the information. i'm gonna note that :)
0 - @YazdunPosted about 3 years ago
Hi ! for tutorial recommendation :
- I suggest you to follow John Smilga on youtube, His html and css course is top notch ! also his javascript nuggets playlist is fire š„, It's great if your are starting out, Basically anything you need in your life he has +10h free course on it
Marked as helpful1@ItsjosesPosted about 3 years ago@Yazdun ok i'm gonna watch it. thank you for reply my post :)
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord