Skip to content
OverviewSolutions
14
Comments
10

caseem

@kass8mal8330 points

I am a dynamic and driven individual with a passion for learning and self-improvement.

I’m currently learning...

React compiler | React form actions | React native

Latest solutions

View more solutions

Latest comments

  • P
    DalaScript•600
    @DalaScript
    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

    #sass/scss#bem
    1
    caseem•330
    @kass8mal8

    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

  • caseem•330
    @kass8mal8

    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
  • caseem•330
    @kass8mal8

    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>
  • Olga•190
    @cvtqx
    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
    @kass8mal8

    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
  • caseem•330
    @kass8mal8

    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.
  • Jirayu Supasil•110
    @jsupasil
    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
    @kass8mal8

    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
View more comments