@loki1205Submitted about 1 year ago
Latest solutions
Four card feature Section
Submitted about 1 year agoThe Media Query area, if there is any type of issues on it.
Social Link Profile Challenge
Submitted about 1 year agoIf there is a better way of optimizing the page, please let me know!
Latest comments
- @readj4vvatSubmitted about 1 year ago
- @DivasJaglanSubmitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
Proud of making this webpage responsive. Next time I would like to use vw and vh units for most of the cases as it helped me a lot for its responsiveness
What challenges did you encounter, and how did you overcome them?I faced a problem in aligning the given nutrition values in the same line. Then I came up with a solution that I can set the width of the nutrition name then give the left margin to nutrition values.
What specific areas of your project would you like help with?I want help with the responsiveness. I think it can be done with less code then the one which I have written
@Nebil-NejPosted about 1 year agoI believe the reason why you used to many Media Query code lines is because you were setting the Container at a Fixed Width and heights, mostly when you use dynamic width properties such as, min-width/max-width, the look of the page is not bad on lower screen, or bigger screens, depending on how you are progressing through your project. The thing you do not want to do is giving a Height a Fixed Value, or avoid it all together, because once a height has a fixed value, it will ruin your Responsive Design.
Aside from that, Everything you did was Really Good Sir! Keep it up
Marked as helpful0 - @thisispeterjSubmitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
Matching the final challenge as closely as possible to the design
What challenges did you encounter, and how did you overcome them?This project didn't present many challenges in writing my HTML and CSS. I would like to return to it potentially to refactor using SASS
What specific areas of your project would you like help with?Are there any areas that can be approved for code efficiency and conciseness
@Nebil-NejPosted about 1 year agoGreat Work, Sir! only a minor issue, is in the Centering of the Main Content
display: flex; align-items: center; justify-content: center;
put this code in the body by giving the Body width and height of 100vw and 100vh respectively, and it will be perfectly centered.
0 - P@Smailen5Submitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
I'm very proud that the layout turned out very similar to the original.
What challenges did you encounter, and how did you overcome them?Centering all the elements was challenging.
What specific areas of your project would you like help with?Using a preprocessor like SASS or Tailwind CSS.
@Nebil-NejPosted about 1 year agoA really good try, but when the design goes to Desktop mode, it starts to break, i recommend you do not use a fixed value for the Height of the Main Container, and to use a fixed height for the Image, so as it will not break your Design, all together. I believe if you fix the Image, everything will be good!
0 - @JimCoder-DevSubmitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
Speed to get online
What challenges did you encounter, and how did you overcome them?The right amount of margin and padding
What specific areas of your project would you like help with?Using classes or ids rather than styling using the HTML elements
