Hi! This is one of my first code. I am a beginner in coding and this challenge is for testing my skills after some YouTube's tutorials. Please tell me how I can improve my code and where find free course for learning. Thank you!
Jojo-onedev
@Jojo-onedevAll comments
- @WendkunicodeSubmitted 10 months ago@Jojo-onedevPosted 10 months ago
Bonjour, j'espers que tu va bien. Dans le code j'ai remarqué que tu as mis *{ margin:0;}. Tu peux plutot mettre comme ça *{ margin:0; padding:0; et box-sizing: border-box;} et dans le selecteur body tu n'as pas besoin de mettre width : 100%; car le body déjà occupe 100% de la page Donc continu d'apprendre, je continu d'apprendre aussi. Je t'invite donc à t'aboner a mon profil si tu as trouvé mes critiques utiles
0 - @DR-KSP-VIRUSSubmitted 10 months ago
-
I am not certain about the device breakpoints. Can I get help on how to write media queries for the code to be responsive to all devices?
-
Is my code following the best practices?
@Jojo-onedevPosted 10 months agoGood job but I notice that your design is responsive on mobile
Marked as helpful1 -
- @vanessa-ayerSubmitted 10 months ago
I've just completed my fourth front-end coding challenge via Frontend Mentor 🎉
I wanted to make sure and focus on responsiveness for this card component to ensure a proper range for screen adaption. Will continue to focus and study this for future projects (it's essential!) :)
Any and all feedback is welcome :)
- @Kirandev242144Submitted 10 months ago
Responsive got messed up - i am getting horizontal scroll :(
@Jojo-onedevPosted 10 months agoYou must do your best to make the responsive. You can use flexbox or grid or Media query of css. Just try and you will see
0 - @lydiarm19Submitted 10 months ago@Jojo-onedevPosted 10 months ago
Hello... That is great job let's go to the next challenge and you can follow me on my profile
0 - @nonozaSubmitted 11 months ago
Hello friends,
I would appreciate it if you could take a moment to review my project. I've developed it using the Tailwind CSS framework, and this marks my second project with it. Please note that I am not on a pro version,so I didn't use a figma file.
Thank you!
@Jojo-onedevPosted 11 months agoHello that is a great job with tailwind. Keep going and don't forget to follow me on my profile
0 - @manujosephshajiSubmitted 11 months ago@Jojo-onedevPosted 11 months ago
Hello... Great job But remove the margin:0%; in body To center the content you can set body like body{ min-height: 100%; display:flex; justify-content: center; align-items:center;}
Marked as helpful1 - @divhuofficialSubmitted 11 months ago
- Had challenge in making it responsive
- Please give a review on the solution
- you can preview using below link
- Here you go
- Click me
@Jojo-onedevPosted 11 months agoHello... Great job but you must put css's properties in style.css
0 - @IsmailCLNSubmitted 11 months ago
In this project, i try to manage responsive design but i couldn't. I will study about this topic. I would love to see any feedback about this.
@Jojo-onedevPosted 11 months agoHello... I notice that you I noticed that you didn't use the css code in another part. The css code must be written in a style sheet like 'style.css' and linked to the html file. Also to focus your content as the challenge wanted you could do body{ min-heiht: 100vh; display:flex; justify-content:center; align-items:center;} this should do it To make it responsive you can use media queries or flex boxes
Marked as helpful1 - @ashish200214Submitted 11 months ago@Jojo-onedevPosted 11 months ago
Great keep Learning, but I notice that firstky on css code it's missed css reset don't forget it;. Put min-height instead height
Marked as helpful0