Skip to content
OverviewSolutions
5
Comments
7
P

TheWraithDev

@TheWraithDev70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Eslaen-Jr•10
    @Eslaen-Jr
    What are you most proud of, and what would you do differently next time?

    I am proud to have accomplished the task in less time than I thought. Although this is my first time working on Frontend Mentor projects, there are many processes that are new to me, I hope next time I will have better agility to carry out those processes.

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

    First Challenge: Remove the strip of empty space that is created at the bottom of the HTML. Solution: html, body{ height: 100%; margin: 0; padding: 0;}

    Second Challenge: Position the footer that contains the information about the source of the challenge and who made the challenge. Solution: Give the body a relative position, and the footer an absolute position with the following properties: left:0; bottom:0

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

    I could use clearer instructions on generating a README after the project is completed. As for the code, I am not yet aware of what I might need help with. Even so, if anyone happens to take a look at it and has something to say, please don't hesitate to do so, I'm open to all kinds of advice and criticism. Thank you very much in advance.

    Tools: Google Fonts, VS Code, Live Server Extension,

    1
    P
    TheWraithDev•70
    @TheWraithDev

    Hey - you should also push your code to Github as currently it's just the live site preview, this will help in giving more constructive feedback.

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

    .container { max-width: 600px; overflow: hidden; }

    Responsive media

    1
    P
    TheWraithDev•70
    @TheWraithDev

    I wouldn't style the HTML elements directly as if you need to change the HTML then it impacts the CSS directly

  • P
    TheWraithDev•70
    @TheWraithDev
    • Use h1-h2-h3... in order, it helps with screen reader and crawling accessibility
    • Maybe a clearer alt tag, as Omelette is vague
    • Instead of <li> elements for the Nutrition Table, try using a <table> instead

    Overall looks good though, well done

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

    This was the first project i did and i like how it turned out. I would style the table correctly next time.

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

    Challenges i encountered first are how to align heading and ul items to start on the same line.after so many trial and errors it worked for me. Table bottom borders are also the one i struggled with to center the text and how to adjust the line width and to make it responsive. I would like suggestions on how to make it better.

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

    I would like help on table bordering and centering the text and aligning the items.

    recipe-page-main using HTML and CSS

    1
    P
    TheWraithDev•70
    @TheWraithDev

    Maybe for the table you can use scope attribute - so screenreaders know that the td information relates to the th information previously

  • Bryan Chiang•60
    @ChiangArt
    What are you most proud of, and what would you do differently next time?

    uhmmm, a medida que voy avanzo, quiero mejorar mi codigo y usar otros frameworks

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

    ninguno

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

    por ahora ninguna

    Social Links

    2
    P
    TheWraithDev•70
    @TheWraithDev

    Looks identical - the HTML in my opinion could also include ARIA for accessibility

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

    I am most proud of starting and finishing this project, i did not allow procrastination make me leave the project halfway. Next time i will try to finish the project much faster.

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

    At first, it was difficult to center the div, a popular challenge most frontend developers face which has various solutions already. Finally, after going through some of my older projects as a learning reference, i found a solution that fits this project.

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

    I will like help with the accessibility features as usual and probably with the responsiveness to fit literally all devices.

    Solution to the Blog preview card challenge on Frontend Mentor

    1
    P
    TheWraithDev•70
    @TheWraithDev

    Styling

    • I think you can match the box-shadow, the width of the card, the font-weight and font-size closer to the design -On the live website - you didn't apply the yellow background to the full background, only half of it appears, I think it may to do with your CSS, as you set it for max-width for 1440px - this means for viewports wider than this, it breaks the background

    • I think your html is fine but it can be structured and put out more to be clearer - making use of white space

View more comments