Hi, As you can see by my choice of challenge that I'm a newbie at CSS. This challenge is still incomplete. I cannot make it mobile friendly. Don't know how to make it responsive. Don't know why their are 2 primary colors in the style.md file of this challenge, if i'm supposed to use both of them then how? Don't know how to decorate text as given in the jpg. More help will be much appreciated.
Ali Gamal
@ArigatouzAll comments
- @skyrunner360Submitted over 3 years ago@ArigatouzPosted over 3 years ago
really nice keep ongoing just as a hint the position of the title is not correct according to the original design also the huddle logo and u need to do some margin of the image other than that well done :D
Marked as helpful1 - @PhilC7Submitted about 4 years ago
Any comments would be helpful to improve for future reference.
I haven't made it mobile friendly yet, still working on that.
@ArigatouzPosted about 4 years agofirs really well done and great job, you are doing awesome work the design is quite similar to the original, but in the right bottom box when you zoom there is something wrong with the CSS also, the mobile phone needs to have some adjustment with media queries you need to design the site on 1440px and also 375px
keep coding you are doing an awesome job0 - @jaggysnake57Submitted about 4 years ago
Some general Feedback would be appreciated
@ArigatouzPosted about 4 years agoYou did every color right everything is good for bigger screens however you need to take a look on phone design the design asks you to do responsive on 1440px and also 375 px other than that great man keep going and code more 💪💪💪💪💪
0 - @SergioDiaz90Submitted about 4 years ago
How well is BEM implemented? Are the modules well managed in SASS? How organized would you be to make the responsive? What advice would you give me to improve? P.S. I also speak Spanish
@ArigatouzPosted about 4 years ago@Sergio_Diaz really awesome man keep on coding more and more just hint :D:: the SVG on the right need to be a bit bigger and take bigger space as the solution on 1440px also on the 375px mobile mode, you need to make the font a bit coz heading at the third part is taking so much space and it needs to be aligned but really love your work keep going
0 - @EsquinteSubmitted about 4 years ago@ArigatouzPosted about 4 years ago
@Benjamin Durand really awesome work, keep on doing more coding
hint : at 375px sections are squished and it kinda needs some white space for a better visual hierarchy1 - @imaliesieraSubmitted about 4 years ago@ArigatouzPosted about 4 years ago
wow really awesome work there keep it up Imali Esiera just a hint : the social media icons need to have an indicator that it is clickable you can put it in the anchor tag or use the property cursor: pointer in CSS also the part of the ((kyle burton )) I can see in the original it has shadow so you can use on the main div which contains all the parts (( pic, etc...) you can also use box-shadow : 5px 5px 10px rgba(0,0,0,0.6); again the design is total awesome thank you for sharing it
0 - @iKnowMagicSubmitted about 4 years ago
I'd greatly appreciate your feedback!
@ArigatouzPosted about 4 years agohahaha let me tell you how awesome this one is I love it
Sheldon coper :D
1 - @KimHungChanSubmitted about 4 years ago
Hi, any feedback is welcome. Focus on responsiveness and or coding standards would be helpful.
Cheers!
- @sergiocmeSubmitted about 4 years ago@ArigatouzPosted about 4 years ago
really awesome man keep it up hint ::D just use CSS property cursor: pointer on the share icon to indicate there is an action button here and well-done man
1 - @rocferryjrSubmitted about 4 years ago
How do I make this responsive?
@ArigatouzPosted about 4 years agoWell done man Remember all the designs on 1440px desktop and 375 mobile work around those 2 :D GL MORE and more and love the work you did there keep it up :D
0 - @annesophie22Submitted over 4 years ago
Hi everyone, My first Frontend Mentor challenge, my first GitHub repository. I changed the color of the first paragraph (on white background) in order to ensure accessibility.