Design comparison
Solution retrospective
I have a lot of problems with CSS.I have been taking a lot of online courses for a while now. In this project it was not responsive on desktop but it was on mobile ,I dont know what is the exact problem.
Community feedback
- @mubaraqwahabPosted about 4 years ago
Well done! I have some comments to share:
-
You have a
<div class="bottom">
that contains a<div class="left">
Below.bottom
, you have a<div class="right">
. The closing tag for.bottom
comes before.right
. Moving the closing tag below.right
(i.e. moving.right
into.bottom
) should fix the responsiveness issue, I guess. -
I suggest you rename your
index1.html
to justindex.html
. The design preview here isn't showing the right thing. (It probably expects anindex.html
file) -
A tip: You have a
<div class="button">
. You could use a<button class="button">
(or a link). I read an article regarding this: When To Use The Button Element
All the best :)
1 -
- @mgtachenPosted about 4 years ago
Hello, Thank you for replying what is the difference between sass and css.Also can you recommend a video for me please to learn the Sass
0 - @creadordeloscielosPosted about 4 years ago
As a first recommendation you should have your files well organized using folders as well as your HTML structure, if you want to use variables I recommend that you use SASS it is not as complicated as it looks good I say it because I am learning to use it and finally I think that with flex-box it would be best solution, Greetings from Mexico 🌮
PS: I am also learnin
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