Skip to content
OverviewSolutions
27
Comments
18
P
LaStellaa
@LaStellaa

All comments

  • Bunchydo•570
    @Bunchydo
    What are you most proud of, and what would you do differently next time?

    I'm proud of getting the desktop layout to work. It looks good with the sections arranged side by side. Next time, I would focus more on making the mobile version work earlier, since I spent a lot of time figuring out how to adjust it for smaller screens.

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

    The hardest part was getting the layout to look right on mobile. On the desktop, everything is fine, but on mobile, the sections weren't stacking correctly. I struggled to make sure the sections filled the screen properly.

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

    I need help with making the mobile layout work. I’m having trouble with combining the top and bottom sections into one column when the screen gets smaller. I want to make sure the mobile version looks good without changing the desktop layout. Any advice on using media queries to switch between the two would be helpful.

    Room homepage

    1
    P
    LaStellaa•550
    @LaStellaa

    Hey @Bunchydo, good job with this project!

    Looks like you have already resolved the mobile layout issue, as it looks fine to me. The only thing I noticed is that you have used the desktop hero images for the mobile screen as well, which doesn't t give the best result, but that s an easy fix!

    Keep up the good work!

  • P
    LaStellaa•550
    @LaStellaa

    Great solution!

  • P
    LaStellaa•550
    @LaStellaa

    Great job!

  • Vedant Agrawal•600
    @vedantagrawal524
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how I managed the complexity of the project while keeping the code modular and implementing a variety of distinct features seamlessly.

    E-commerce product page

    1
    P
    LaStellaa•550
    @LaStellaa

    Nice work!

  • P
    LaStellaa•550
    @LaStellaa

    Great job!!

  • P
    LaStellaa•550
    @LaStellaa

    Great job!!

  • P
    LaStellaa•550
    @LaStellaa

    great job!

  • P
    LaStellaa•550
    @LaStellaa

    Great job!

  • P
    LaStellaa•550
    @LaStellaa

    Great job on this project! I ve noticed that you are giving max-width to the body based on the viewport size, I would advise you to avoid that and make the body display: flex instead and use the flex properties justify content: center and align items: center to position your main container centrally no matter the viewport, is gonna make your life much easier! Keep up the good work!!

    Marked as helpful
  • P
    LaStellaa•550
    @LaStellaa

    Great job!

  • P
    LaStellaa•550
    @LaStellaa

    Great work!

  • arthurns1•50
    @arthurns1
    What are you most proud of, and what would you do differently next time?

    Im proud that i could do this page, and there were no many dificulties to do it

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

    The most difficult was to create something exactly like the preview

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

    I think that i didnt have big difficulties, so there was no one

    Sing-up Page Solution

    2
    P
    LaStellaa•550
    @LaStellaa

    Great result!! Keep up the good work!

  • P
    LaStellaa•550
    @LaStellaa

    Great solution!! Keep up the good work!

  • P
    LaStellaa•550
    @LaStellaa

    Great work!

    Marked as helpful
  • P
    LaStellaa•550
    @LaStellaa

    Hey there! Your design looks great, well done!! Unfortunately, I was unable to see the code cause it gave error 404 but I'm sure it was spot on!

  • P
    LaStellaa•550
    @LaStellaa

    Well done your solution looks great! Kepp up the good work!

  • Darius•50
    @dariushill
    What are you most proud of, and what would you do differently next time?

    I'm most proud of being able to complete the challenge mostly by myself. I did need to research certain aspects of CSS that I had trouble with, but overall it was a great experience and feeling. I honestly don't know what I would have done differently next time.

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

    The first challenge I encountered was how to center my QR card inside the container div. I had trouble figuring this out but found the answer using flexbox, a topic I'm very new to. The second challenge I encountered was importing the correct font. I found the answer using Stack Overflow.

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

    None as of now

    HTML and CSS

    3
    P
    LaStellaa•550
    @LaStellaa

    Good job @dariushill! To position the content in the center of the page there are 2 very easy ways that you can write in the Main block (you need a main in your HTML):

    Flexbox:

display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;

or GRID :

display: grid;
place-items: center;
min-height: 100vh;

    Hope this helps, have a good one!

    Marked as helpful
  • P
    AdamullaOsas•800
    @AdamullaOsas
    What are you most proud of, and what would you do differently next time?

    I would like to add more components to manage responsiveness on mobile devices.

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

    Mostly margins and paddings, chatgpt helped me

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

    margins and paddings

    Responsive QR code, vanilla HTML and CSS

    1
    P
    LaStellaa•550
    @LaStellaa

    Hi! You did a great job of replicating the design. I am very junior myself so I am not confident in giving detailed feedback, but I can say that your HTML is well-structured and simple. One thing I noticed is that when you targeted the .image you then also added the img element, which is not necessary but also not a big deal. Good luck with your learning journey and keep up the good work!!

    Marked as helpful