Skip to content
OverviewSolutions
8
Comments
7

Soniawan

@soniawan120 points

I like coding.

Latest solutions

View more solutions

Latest comments

  • Jawad Mahmud•150
    @JawadM2002
    What are you most proud of, and what would you do differently next time?

    I am most proud of being about to use CSS Grid effectively, create multiple testimonial styles with a distinct background and colour, and customise the card background for it to meet the design criteria. What I would do differently is simplify the code by reducing the repetitive styles and using more efficient selectors.

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

    The main challenge that I have encountered is the placement of cards with the CSS file part. I have been able to overcome this by giving each card a specific class name and then using each class name on the CSS file, as well as using grid-row and grid-column so that it is able to match with the design. It took me a while, but I managed to make it work.

    Testimonials Section using Semantic HTML and CSS Grid

    1
    Soniawan•120
    @soniawan

    It looks unfinished, the grid is messed up in my browser, and it is not responsive.

  • Soniawan•120
    @soniawan

    Congratulations on completing the challenge.

    I have a suggestion: Maybe you can use semantic HTML and add responsiveness for the mobile layout.

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

    I am proud of being able to create the correct html from the beginning of the project, this way it is more accessible to view the css

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

    The biggest challenge was giving a correct order to the elements within html, the rest was easier.

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

    CSS is always a challenge, using styles correctly.

    i use flexbox for the challenge

    1
    Soniawan•120
    @soniawan

    Congratulations on completing the challenge.

    I have a small suggestion: you can add a responsive mobile layout.

  • Ajaya-Rajbhandari•130
    @Ajaya-Rajbhandari
    What are you most proud of, and what would you do differently next time?

    I want to have different file created for css and html. I want to learn to use Styled Component CSS.

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

    I found it difficult to arrange the table head vertically and data as well changing the color of the bullet. I used the help of w3schools.com and VS code BlackBoxAi to understand the concept.

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

    I have use same code repeatedly in css. for example changing the color, font-size of the element in each element css.

    Omelette Recipe design

    2
    Soniawan•120
    @soniawan

    Congratulations on completing the challenge.

    I have a little suggestion: the list of items should be aligned with the title so that it is more similar to the design. Sorry, my English is bad.

    Marked as helpful
  • Soniawan•120
    @soniawan

    The current design is well-executed. For future updates, let's consider using semantic HTML to make the code more maintainable and future-proof.

  • Soniawan•120
    @soniawan
    • Yes, using semantic HTML
    • Maybe you can improve in responsive
    • In mobile layout it's not responsive
    • Yes the code is well structured, readable
    • The solution is similar according to the design
View more comments