Samir

Latest comments

• 

  Lena•230

  @lenanle333Submitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  Im most proud that I was able to complete the challlenge fairly fast after completing the prior challenges

  What challenges did you encounter, and how did you overcome them?

  I did run into an issue where I nested a div with a class of "card" inside of a main tag and I wasn't able to render the card correctly. After removing the div and naming the main tag "card" I fixed the issue.

  What specific areas of your project would you like help with?

  I don't necessarily need help, but any feedback would be great.

  

  Social Links Card HTML & Sass

  #sass/scss

  1

  30
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  Aside from the slight spacing between the profile image and the heading the site is perfect. The code is clean and maintainable. I liked that you used scss to make reuseable styling, separated variables and reset as well.

  Hope to see more improvements and more of you. Happy coding.

  Marked as helpful

  1
• 

  2lana•160

  @2lanaSubmitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  BEM, hover

  What challenges did you encounter, and how did you overcome them?

  During the development process, there was a problem with understanding links to social network profiles. An attempt to use a BEM did not allow us to make the hover correctly. Links in this case should not be treated as buttons, otherwise there will be a conflict in the css.

  What specific areas of your project would you like help with?

  practice)

  

  social-links-profile

  #accessibility

  1

  30
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  The code seems to be clean, and the application of BEM and hover is no small feat.

  I would like to point out the obvious spacing and vertical alignment of the main element. I noticed that hover is only working for one specific element though (the github profile link). A quick solution to that would be to assign a common class to all the link tags and adding the hover effect on the said class. In fact, you could style using the common class instead as there are actually no modifications needed in the list of profile links.

  0
• 

  Tharun Raj•1,330

  @Code-BeakerSubmitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  I'm happy that I could complete it without much confusion!

  What challenges did you encounter, and how did you overcome them?

  I couldn't get an idea about the image's appearance. So, I couldn't do it right on the mobile view. The nutrition table do look a bit different.

  I feel like I have forgotten some concepts of both HTML and CSS. But, I did manage to put it together.

  I think I need to dive deep into the complex uses of both flex and grid.

  What specific areas of your project would you like help with?

  I would like some suggestions on the image as well as the font-sizing of the project.

  

  Recipe Page using HTML and CSS

  1

  60
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  The website does look good. I can see that you have used proper HTML tags keeping SEO in mind. On the topic of image in your site I would suggest you move it outside the "header" section and into another container on the same level as the "container" div so and carry forward with that. As for the nutrition table something as simple as adding padding-left could do just fine.

  I also suggest using table tag and list-style-position: outside property for listing markers bit further away from the list item.

  Marked as helpful

  1
• 

  Subalakshmi T•110

  @subalakshmi-21Submitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  I'm proud of creating a Social Links profile website that allows users to access my various social profiles easily. The design is clean, and the functionality works smoothly. Next time, I would focus on improving the user experience further, perhaps by adding interactive elements or enhancing the visual appeal.

  What challenges did you encounter, and how did you overcome them?

  One challenge was ensuring consistent styling and layout across different devices and screen sizes. I overcame this by using responsive design techniques such as media queries and flexbox to create a responsive and visually appealing layout that adapts well to various devices.

  What specific areas of your project would you like help with?

  I would appreciate assistance in optimizing the website for performance, especially regarding image optimization and code efficiency. Additionally, feedback on enhancing accessibility features and SEO optimization would be valuable in improving the overall quality and reach of the project.

  

  Social links profile

  2

  40
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  The website is great. The code is clean and easy to read. And touch up on adding actual links to your profiles is a job well done.

  I would advise you on using proper html tags like ul/ol for lists and keeping the use of headings limited for SEO. For media queries a quick search on google can lead you to a pile of informative websites. Resource would be a great place to start.

  Happy coding

  Marked as helpful

  1
• 

  MrRayeen•10

  @MrRayeenSubmitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  I am proud of the fluidity dynamic responsive view of the content. Some content could be adjusted effectively across various screen sizes. Will work on the design of each content to execute them effectively next time.

  What challenges did you encounter, and how did you overcome them?

  None major challenges. Went smoothly completed within 20min. It was a piece of cake 🍰.

  What specific areas of your project would you like help with?

  Probably with more effective use of width and height of divs, for it to be better effectively and efficiently responsive.

  

  Responsive Social Link Profile with TailwindCSS

  #tailwind-css#react

  1

  50
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  I tried visiting your site. Netlify gave me a 404 error, you might want to check up on that.

  From just the screenshot though I can tell you've done a great job with it. The spacing looks good but it seems like you have a problem with the height of the main/body. I would suggest setting height: 100vh.

  Hope you figure out the problem with Netlify and continue your coding journey.

  0
• 

  Nivrii•410

  @nivriiSubmitted about 1 year ago

  What are you most proud of, and what would you do differently next time?

  Used tailwind and it made styling quick and easy

  What challenges did you encounter, and how did you overcome them?

  Tailwind slightly step learning curve, but I worked with the docs

  

  Recipe page main

  #tailwind-css#react

  1

  40
  

  Samir•260

  @Samir22RajPosted about 1 year ago

  You did a great job on the site. Though the spacing and sizing of the components is a bit unbalanced, but with more practice no doubt you'll be on your way to create wonderful websites. Happy coding.

  Marked as helpful

  1