Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

My Pricing modal with HTML and CSS

Adriano 310

@adriano-wb

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This simple project is created to improve my skills in HTML5, CSS3 and Block Element Modifier (BEM). Now I have finished this simple project to improve my skills in HTML5, CSS3 and Block Element Modifier (BEM). I am open to any constructive criticism that is beneficial helping to improve my knowledge.

Community feedback

@bramizdev

Posted

Great Job!

Some little tips:

alt attribute

Providing descriptive alt attributes for images in HTML is an important aspect of web accessibility and can help to improve the usability and search engine optimization of your website. alt attributes are used by screen readers to describe images to users who are visually impaired. By providing a detailed and accurate description of the image, you can ensure that these users have access to the same information as sighted users.

example:

alt="Gabrielle Essence Eau De Parfum bottle laying flat on a table with green leaves above and below"

<del> tag

You might consider wrap the old price in <del> tags. The <del> tag can be used to apply a strikethrough effect to text, similar to the <s> tag, but it is more semantically meaningful and provides additional attributes that can be used to specify when the text was deleted and who deleted it.

Marked as helpful

0

Adriano 310

@adriano-wb

Posted

@bramizdev great

0

@Romanarabe

Posted

I like you practice using the right tag aside and article tags, keep up the good work :)

0

Adriano 310

@adriano-wb

Posted

@Romanarabe thanks

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord