Responsive Section with Html/Bootstrap/Css/Javascript.
Design comparison
Solution retrospective
Was a really juicy learning experience with bootstrap. Although people tend to make bootstrap to be super easy and you can learn it on the get-go, but I believe that you really just started building stuff with it to get the hang of it. Ofc a fundamental knowledge in HTML & CSS is required.
I'm quite aware that it doesn't exactly look like the design in the sizing and that's what I mostly struggled with. Really need to get that PRO level so I can get FIGMA files.
Thank you for your time and let me know what you think!
Community feedback
- @brodiewebdtPosted almost 3 years ago
I'm interested in Front-end. Scrimba's Advanced Javascript is part of their Frontend Career Path. If you are interested here is coupon code: https://scrimba.com/pricing?coupon=christmas-discount-2021-qax&utm_source=convertkit&utm_medium=email&utm_campaign=%F0%9F%8E%81+4+days+left+to+grab+our+70%25+off+holiday+discount%21%20-%207268744#
Marked as helpful1 - @brodiewebdtPosted almost 3 years ago
I haven't really used SASS, and I haven't used React at all, so I can't answer that question. I think you want to learn to use both. I am waiting for Scrimba's Advanced Javascript course gets updated before I learn React. I would honestly not use Bootstrap until you really know HTML and CSS.
Hope this helps.
Marked as helpful0@AbNassifPosted almost 3 years ago@brodiewebdt Thank you for the feedback man, I'll go back into Html and CSS for a bit before jumping back into bootstrap.
0 - @brodiewebdtPosted almost 3 years ago
Trying to match the design images is not easy. There is no way you can get it pixel perfect. You did a great job. I really like the design, the spacing and alignment look good. Dark and Light mode work. Great job.
You can remove the two role attributes in the report above as they are not needed.
Hope this helps.
Marked as helpful0@AbNassifPosted almost 3 years ago@brodiewebdt Thank you for your feedback! I really can't seem to find the tags with the roles they're referring to. I didn't use a header and main tag at all in this section and they're saying I did.
Is that a bug ?
0@brodiewebdtPosted almost 3 years ago@AbNassif If you used Bootstrap in may be in their CSS. Nothing you can do about that.
0@AbNassifPosted almost 3 years ago@brodiewebdt Do you advise I jump into SCSS so I can start easily changing their default properties? Or should I just jump back into node since I'm trying to learn React.js? Which approach do you think would be more appealing to web dev agencies?
It's really hard focusing on two things at a time in web development and sometimes it's overwhelming.
0 - @brodiewebdtPosted almost 3 years ago
Bootstrap is fine on its own. But you want to know HTML and CSS pretty well so you can make changes if you need to. Especially if you want to customize it. Bootstrap is great if you code back-end and don't know much about design and want to make a good looking front-end for you app.
0@AbNassifPosted almost 3 years ago@brodiewebdt That's good to know man, I'll try to mix it then. Having some projects with bootstrap and others with CSS will surely be better than just listing all my projects with just one.
I've seen people do amazing stuff with CSS that involves 3d functionality and I'm trying to get the hang of it a bit for my portfolio.
What type of developer do you want to be and would you advise me to go for the "Scrimba's Advanced Javascript course" too?
0
Please log in to post a comment
Log in with GitHub
Join 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