Skip to content
OverviewSolutions
4
Comments
4
Atakula Pranav Reddy
@PranavReddy2703

All comments

  • Krzysztof Krawczyński•80
    @cravskySubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy that I used pseudo-classes and pseudo-elements extensively.

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

    The most challenging part was styling list markers

    ol li {
    position: relative;
    padding-left: 40px;
}

ol li::before {
    content: counter(list-counter) '.';
    counter-increment: list-counter;
    display: inline-block;
    width: var(--spacing-200);
    margin-right: var(--spacing-200);
    font-weight: bold;
    color: var(--custom-marker-color, #854632);
    font-size: var(--text-preset-4);
    position: absolute;
    left: var(--spacing-100);
}
    What specific areas of your project would you like help with?

    How did you cope with list markers? What is better approach for nutrition table? CSS table or flexbox?

    Recipe Page pure css, css table and styled list markers

    1
    Atakula Pranav Reddy•40
    @PranavReddy2703Posted about 2 months ago

    Everything's Good !

    0
  • Atakula Pranav Reddy•40
    @PranavReddy2703Posted about 2 months ago

    Everything's good. All the best with future projects. Keep it up! :)

    0
  • Nalish•40
    @NalishSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    One thing I am most proud of is that the design I got is a little bit similar to the template that was provided.

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

    One challenge I encountered was the font.Although I had the font I found it hard to implement it into my project .Hence I ended up using a totally different font and the design didn't quite came out as it was to.

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

    One specific area that is very concerning for me is the positioning of the different elements.How to make the image be well aligned to the text.

    Creating a blog preview card.

    1
    Atakula Pranav Reddy•40
    @PranavReddy2703Posted about 2 months ago

    Everything's good.

    0
  • Atakula Pranav Reddy•40
    @PranavReddy2703Posted about 2 months ago

    The output seems a bit off from the actual design but every other part is fine, adjusting the css will adjust the design. You can spilt the screen and place the preview and the design side by side to get an accurate design

    0