Skip to content
OverviewSolutions
14
Comments
10
caseem
@kass8mal8

All comments

  • DalaScript•530
    @DalaScriptSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?
    • I’m proud that I successfully completed the project, and everything works smoothly. ✅💻
    • Most importantly, I finished it! Plus, I wrote my first README file, which I’ll definitely do for every project moving forward. 📝🎉
    What challenges did you encounter, and how did you overcome them?
    • Nothing special this time. I already had experience with similar setups, so I managed it easily. 👌🔧
    What specific areas of your project would you like help with?
    • Any advice from other developers is appreciated. Thanks in advance! 🙏💡

    Responsive Newsletter sign-up form with success message using Flexbox

    1
    caseem•330
    @kass8mal8Posted 6 months ago

    Nice work but I noticed that you are using the same image for the hero section for both mobile and desktop... Use the image for mobile design in mobile view

    0
  • caseem•330
    @kass8mal8Posted 6 months ago

    Good solution, it's nice you have taken the design a notch higher... Bravo 🎊

    Just to note:

    • In mobile your side navigation is scrolling on page scroll. You can position it as fixed when it is open to avoid the scrolling.
    • The left arrow is above the side navigation, perhaps you could make the sidenav have a higher zIndex.
    Marked as helpful
    0
  • caseem•330
    @kass8mal8Posted 6 months ago

    Nice attempt in your solution, just a few to note:

    • Use lists for your links for accessibility.
    • Use <a> instead of buttons and then style them appropriately.
     <ul>
  <li>
   <a href="path to your link" />
  </li>
  ...
 </ul>
    0
  • Olga•190
    @cvtqxSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I love the HTML structure of my page, which seems clear and neat, and I tried to follow BEM convention for class naming.

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

    I started learning Sass while working on this project. But I couldn't figure out how to deploy webpage with sass in it so I had to remove it from my project and used plain css.

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

    How to deploy a webpage styled with Sass.

    Social Links profile page

    1
    caseem•330
    @kass8mal8Posted 6 months ago

    Your solution is good and includes semantic html.Make the following adjustments and it will be better.

    • The links are embedded in div tags which creates a lot of tags, they should be embedded in li tags for accessibility
    • The bit about sass, use a sass compiler which generates CSS code from your sass then import your CSS as usual.
    Marked as helpful
    0
  • caseem•330
    @kass8mal8Posted 6 months ago

    Nice job just a few things to change.

    • Your solution differs slightly from the design mainly because of your styling.

    I noticed you used React which as a good practise you need to separate your concerns and have different components.

    • Have at least two components, this will be handy in styling the individual components
    • Check on the padding of your components
    • Give your items in the summary component uniform width for all of them to avoid having the button being smaller.
    0
  • Jirayu Supasil•110
    @jsupasilSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I fit the design with figma. The scale almost fit.

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

    I made the design mismatch while testing but I figure it out by myself using box-seizing.

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

    About proper comment on code.

    Responsive social links profile by traditional CSS

    1
    caseem•330
    @kass8mal8Posted 6 months ago

    Good work right there. I recommend the social links you put them in a list then style the list appropriately instead of putting them in buttons.

    Marked as helpful
    1
  • caseem•330
    @kass8mal8Posted 6 months ago

    Not able to see your code on GitHub

    0
  • caseem•330
    @kass8mal8Posted 7 months ago

    Nice 👍 The transitions upon hover of the social links is slick... Big up.

    0
  • Kontuch Suksawat•20
    @FishcanwalkSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    seach something(docs) and solve problems by my self

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

    just do

    seach something what i want to do(how to ...) , how to solve ... problem or some bug

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

    what is good code look like, i think my code doesnt look good

    Fontend QRcode component

    2
    caseem•330
    @kass8mal8Posted 7 months ago

    You have done some commendable work, just a small change you should make... I noticed you are rendering two components, I think you should get rid of one and all will be good.

    1
  • VANI MITTAL•160
    @vanimittal1304Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of the efficiency of my code and the clean design I achieved in the profile showcase project. Next time, I would focus on adding more interactive elements to enhance user engagement and make the design more dynamic. Additionally, I would improve accessibility features to ensure that the showcase is usable by a wider range of users, including those with disabilities.

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

    One challenge I encountered was ensuring consistent spacing and alignment across different screen sizes. To overcome this, I used CSS Grid and Flexbox to create a responsive layout that adjusts seamlessly to various screen dimensions. Additionally, I tested the layout on multiple devices and browsers to identify any issues and applied appropriate adjustments to address them. Overall, leveraging modern CSS techniques and thorough testing helped me overcome the challenge of achieving consistent layout across different devices.

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

    I'm here to help! If you have any specific questions or need assistance with any aspect of your project, feel free to ask. Whether it's about HTML, CSS, JavaScript, or any other web development topic, I'm here to provide guidance and support. Just let me know what you need help with!

    Social Link On Profile

    2
    caseem•330
    @kass8mal8Posted 7 months ago

    Nice work there

    Marked as helpful
    1