Latest solutions
Huddle Landing Single Introductory Page
Submitted 6 months agoIf anyone is good with CSS please review my css file code i know the structure is not matching as per the design but let me know what should be a better approach or what properties do i have to use it which will be better for responsiveness.
Please let me know 🙏
Responsive Testimonials Page Using Grids
Submitted 7 months agoThis project is created without any figma file.
If anyone good with grids, please let me know what should I have to focus and improve on grids and if anyone knows any resources to practice grids feel free to suggest me.. Thanks in advanced! :)
Recipe page using bootstrap and custom classes
#bootstrapSubmitted 10 months agoThis project is created without a figma file.... I know the width and height looks different alot but still i posted it for now to know my approach is good or do i have to make some changes into it
Regarding HTML
Do i have to use figure tag here?
Regarding CSS
I faced problems while managing classes, as I tried to separately handle Bootstrap classes and custom classes with using custom word into it. I'm not sure if this is the best approach, or if I should be doing something different. Please let me know about this if anyone knows...
Also, I have one question: In some of my previous Frontend Mentor projects, I tried using only BEM CSS. For this project, I didn't tried to combine BEM with Bootstrap because I felt it might disrupt the flow and structure of the classes. What are your thoughts on this? Please let me know....
Social Links Profile Card Using Bootstrap
#bootstrapSubmitted 10 months agoI'm not good with bootstrap and this project is done without a figma design file, please let me know my mistakes if anyone good enough with bootstrap 😅
Latest comments
- P@gkilasonia@manish2120
Woah! The size looks perfect. However, there seems to be an issue with the quote icon SVG:
- It looks like the size applied to the author's profile picture is also being applied to the SVG. It's better to use a separate class for the images and SVG where it differs.
- The box-shadow is missing.
- Avoid using px as it sets a fixed size for elements. Instead, use rem or em, whichever works best for you.
- @RamirezJordan@manish2120
Niceee
- @hithisisnick@manish2120
Nice one!
- @StonyDigi@manish2120
I like the outcome of your project, but I think you should create a separate stylesheet because there is a lot of CSS included. Is that SCSS you’re using? I’ve never seen nested CSS before.
- @aliraza732-hub@manish2120
As i noticed : Regarding HTML
- Semantics are missing.
Regarding css
- media queries are applied for mobile devices as per they mentioned in there for 375px ig.
Overall its good, it quite looks similar :)
- @gopinath-97What are you most proud of, and what would you do differently next time?
Done my third one for the day and used all my past learnings which I thought to forget, but with little of practice, all comes to place. Moving forward to build long single page sites.👩💻😊
@manish2120-
i don't know much about semantics, but you can also try using
header
andfooter
tag here frontend mentor let you know about the landmarks in there report after completing the project. -
Overall its good 🙂, but yea media queries are missing and u can also try color finder extensions to get to know the color of cards as we know we dont have access of figma files after 2 projects so yea we can't make it same as per design 😓.
-